@primer/react 37.11.0 → 37.11.1

package/lib/FormControl/FormControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAYvC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAA;AAavD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CAAA;;eAnBG,KAAK,CAAC,SAAS;IAC1B;;OAEG;eACQ,OAAO;IAClB;;OAEG;SACE,MAAM;IACX;;OAEG;eACQ,OAAO;IAClB;;;OAGG;aACM,YAAY,GAAG,UAAU;gBACtB,MAAM;;;;;;;;;;;;;;;;;AAmQpB,wBAKE"}
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAavC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAA;AAavD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CAAA;;eAnBG,KAAK,CAAC,SAAS;IAC1B;;OAEG;eACQ,OAAO;IAClB;;OAEG;SACE,MAAM;IACX;;OAEG;eACQ,OAAO;IAClB;;;OAGG;aACM,YAAY,GAAG,UAAU;gBACtB,MAAM;;;;;;;;;;;;;;;;;AAsPpB,wBAKE"}

package/lib/FormControl/FormControl.js

@@ -10,6 +10,7 @@ var SelectPanel = require('../SelectPanel/SelectPanel.js');
 var TextInput = require('../TextInput/TextInput.js');
 var TextInputWithTokens = require('../TextInputWithTokens/TextInputWithTokens.js');
 var Textarea = require('../Textarea/Textarea.js');
+var Box = require('../Box/Box.js');
 require('../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js');
 var CheckboxOrRadioGroupContext = require('../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupContext.js');
 var ValidationAnimationContainer = require('../internal/components/ValidationAnimationContainer.js');
@@ -113,10 +114,24 @@ const FormControl = /*#__PURE__*/React__default.default.forwardRef(({
     "data-has-caption": slots.caption ? '' : undefined
   }, slots.leadingVisual) : null, /*#__PURE__*/React__default.default.createElement(StyledLabelContainer, {
     className: FormControl_module.LabelContainer
-  }, slots.label, slots.caption)) : /*#__PURE__*/React__default.default.createElement(StyledVerticalLayout, {
+  }, slots.label, slots.caption)) : /*#__PURE__*/React__default.default.createElement(Box, {
     ref: ref,
     "data-has-label": !isLabelHidden ? '' : undefined,
-    sx: sx,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    sx: enabled ? sx : {
+      ...(isLabelHidden ? {
+        '> *:not(label) + *': {
+          marginTop: 1
+        }
+      } : {
+        '> * + *': {
+          marginTop: 1
+        }
+      }),
+      ...sx
+    },
     className: clsx.clsx(className, {
       [FormControl_module.ControlVerticalLayout]: enabled
     })
@@ -142,13 +157,9 @@ const StyledLabelContainer = toggleStyledComponent.toggleStyledComponent(feature
   displayName: "FormControl__StyledLabelContainer",
   componentId: "sc-1t6d2k4-2"
 })(["> *{padding-left:var(--stack-gap-condensed);}> label{font-weight:var(--base-text-weight-normal);}"]));
-const StyledVerticalLayout = toggleStyledComponent.toggleStyledComponent(featureFlags.cssModulesFlag, 'div', styled__default.default.div.withConfig({
-  displayName: "FormControl__StyledVerticalLayout",
-  componentId: "sc-1t6d2k4-3"
-})(["display:flex;flex-direction:column;align-items:flex-start;& > *:not(label) + *{margin-top:var(--base-size-4);}&:where([data-has-label]) > * + *{margin-top:var(--base-size-4);}", ""], sx.default));
 const StyledLeadingVisual = toggleStyledComponent.toggleStyledComponent(featureFlags.cssModulesFlag, 'div', styled__default.default.div.withConfig({
   displayName: "FormControl__StyledLeadingVisual",
-  componentId: "sc-1t6d2k4-4"
+  componentId: "sc-1t6d2k4-3"
 })(["color:var(--fgColor-default);margin-left:var(--base-size-8);&:where([data-disabled]){color:var(--fgColor-muted);}> *{fill:currentColor;min-width:var(--text-body-size-large);min-height:var(--text-body-size-large);}> *:where([data-has-caption]){min-width:var(--base-size-24);min-height:var(--base-size-24);}"]));
 var FormControl$1 = Object.assign(FormControl, {
   Caption: FormControlCaption.FormControlCaption,

package/lib/node_modules/@github/relative-time-element/dist/duration.js

@@ -32,6 +32,7 @@ class Duration {
         this.milliseconds || (this.milliseconds = 0);
         this.sign || (this.sign = Math.sign(this.milliseconds));
         this.blank = this.sign === 0;
+        console.log("heyyyy");
     }
     abs() {
         return new Duration(Math.abs(this.years), Math.abs(this.months), Math.abs(this.weeks), Math.abs(this.days), Math.abs(this.hours), Math.abs(this.minutes), Math.abs(this.seconds), Math.abs(this.milliseconds));
@@ -54,7 +55,7 @@ class Duration {
         throw new RangeError('invalid duration');
     }
     static compare(one, two) {
-        const now = Date.now();
+        const now = 1733097600000;
         const oneApplied = Math.abs(applyDuration(now, Duration.from(one)).getTime() - now);
         const twoApplied = Math.abs(applyDuration(now, Duration.from(two)).getTime() - now);
         return oneApplied > twoApplied ? -1 : oneApplied < twoApplied ? 1 : 0;
@@ -73,7 +74,7 @@ function applyDuration(date, duration) {
     r.setSeconds(r.getSeconds() + duration.seconds);
     return r;
 }
-function elapsedTime(date, precision = 'second', now = Date.now()) {
+function elapsedTime(date, precision = 'second', now = 1733097600000) {
     const delta = date.getTime() - now;
     if (delta === 0)
         return new Duration();
@@ -88,7 +89,7 @@ function elapsedTime(date, precision = 'second', now = Date.now()) {
     const i = unitNames.indexOf(precision) || unitNames.length;
     return new Duration(i >= 0 ? year * sign : 0, i >= 1 ? (month - year * 12) * sign : 0, 0, i >= 3 ? (day - month * 30) * sign : 0, i >= 4 ? (hr - day * 24) * sign : 0, i >= 5 ? (min - hr * 60) * sign : 0, i >= 6 ? (sec - min * 60) * sign : 0, i >= 7 ? (ms - sec * 1000) * sign : 0);
 }
-function roundToSingleUnit(duration, { relativeTo = Date.now() } = {}) {
+function roundToSingleUnit(duration, { relativeTo = 1733097600000 } = {}) {
     relativeTo = new Date(relativeTo);
     if (duration.blank)
         return duration;

package/lib/node_modules/@github/relative-time-element/dist/relative-time-element-define.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var relativeTimeElement = require('./relative-time-element.js');
 
 const root = (typeof globalThis !== 'undefined' ? globalThis : window);
+console.log("ooooop");
 try {
+    console.log("heyyyy");
     root.RelativeTimeElement = relativeTimeElement.RelativeTimeElement.define();
 }
 catch (e) {

package/lib/node_modules/@github/relative-time-element/dist/relative-time-element.js

@@ -40,7 +40,7 @@ function getUnitFactor(el) {
             return 60 * 1000;
         }
     }
-    const ms = Math.abs(Date.now() - el.date.getTime());
+    const ms = Math.abs(1733097600000 - el.date.getTime());
     if (ms < 60 * 1000)
         return 1000;
     if (ms < 60 * 60 * 1000)
@@ -52,6 +52,7 @@ const dateObserver = new (class {
         this.elements = new Set();
         this.time = Infinity;
         this.timer = -1;
+        console.log("heyyyy");
     }
     observe(element) {
         if (this.elements.has(element))
@@ -60,7 +61,7 @@ const dateObserver = new (class {
         const date = element.date;
         if (date && date.getTime()) {
             const ms = getUnitFactor(element);
-            const time = Date.now() + ms;
+            const time = 1733097600000 + ms;
             if (time < this.time) {
                 clearTimeout(this.timer);
                 this.timer = setTimeout(() => this.update(), ms);
@@ -84,7 +85,7 @@ const dateObserver = new (class {
         }
         this.time = Math.min(60 * 60 * 1000, nearestDistance);
         this.timer = setTimeout(() => this.update(), this.time);
-        this.time += Date.now();
+        this.time += 1733097600000;
     }
 })();
 class RelativeTimeElement extends HTMLElement {
@@ -95,6 +96,7 @@ class RelativeTimeElement extends HTMLElement {
         _RelativeTimeElement_updating.set(this, false);
         _RelativeTimeElement_renderRoot.set(this, this.shadowRoot ? this.shadowRoot : this.attachShadow ? this.attachShadow({ mode: 'open' }) : this);
         _RelativeTimeElement_onRelativeTimeUpdated.set(this, null);
+        console.log("ahhh");
     }
     static define(tag = 'relative-time', registry = customElements) {
         registry.define(tag, this);
@@ -336,7 +338,7 @@ class RelativeTimeElement extends HTMLElement {
             __classPrivateFieldGet(this, _RelativeTimeElement_renderRoot, "f").textContent = oldText;
             return;
         }
-        const now = Date.now();
+        const now = 1733097600000;
         if (!__classPrivateFieldGet(this, _RelativeTimeElement_customTitle, "f")) {
             newTitle = __classPrivateFieldGet(this, _RelativeTimeElement_instances, "m", _RelativeTimeElement_getFormattedTitle).call(this, date) || '';
             if (newTitle && !this.noTitle)

package/lib-esm/FormControl/FormControl.js

@@ -8,6 +8,7 @@ import { SelectPanel } from '../SelectPanel/SelectPanel.js';
 import TextInput from '../TextInput/TextInput.js';
 import TextInputWithTokens from '../TextInputWithTokens/TextInputWithTokens.js';
 import Textarea from '../Textarea/Textarea.js';
+import Box from '../Box/Box.js';
 import '../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js';
 import CheckboxOrRadioGroupContext from '../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupContext.js';
 import ValidationAnimationContainer from '../internal/components/ValidationAnimationContainer.js';
@@ -106,10 +107,24 @@ const FormControl = /*#__PURE__*/React.forwardRef(({
     "data-has-caption": slots.caption ? '' : undefined
   }, slots.leadingVisual) : null, /*#__PURE__*/React.createElement(StyledLabelContainer, {
     className: classes.LabelContainer
-  }, slots.label, slots.caption)) : /*#__PURE__*/React.createElement(StyledVerticalLayout, {
+  }, slots.label, slots.caption)) : /*#__PURE__*/React.createElement(Box, {
     ref: ref,
     "data-has-label": !isLabelHidden ? '' : undefined,
-    sx: sx,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    sx: enabled ? sx : {
+      ...(isLabelHidden ? {
+        '> *:not(label) + *': {
+          marginTop: 1
+        }
+      } : {
+        '> * + *': {
+          marginTop: 1
+        }
+      }),
+      ...sx
+    },
     className: clsx(className, {
       [classes.ControlVerticalLayout]: enabled
     })
@@ -135,13 +150,9 @@ const StyledLabelContainer = toggleStyledComponent(cssModulesFlag, 'div', styled
   displayName: "FormControl__StyledLabelContainer",
   componentId: "sc-1t6d2k4-2"
 })(["> *{padding-left:var(--stack-gap-condensed);}> label{font-weight:var(--base-text-weight-normal);}"]));
-const StyledVerticalLayout = toggleStyledComponent(cssModulesFlag, 'div', styled.div.withConfig({
-  displayName: "FormControl__StyledVerticalLayout",
-  componentId: "sc-1t6d2k4-3"
-})(["display:flex;flex-direction:column;align-items:flex-start;& > *:not(label) + *{margin-top:var(--base-size-4);}&:where([data-has-label]) > * + *{margin-top:var(--base-size-4);}", ""], sx));
 const StyledLeadingVisual = toggleStyledComponent(cssModulesFlag, 'div', styled.div.withConfig({
   displayName: "FormControl__StyledLeadingVisual",
-  componentId: "sc-1t6d2k4-4"
+  componentId: "sc-1t6d2k4-3"
 })(["color:var(--fgColor-default);margin-left:var(--base-size-8);&:where([data-disabled]){color:var(--fgColor-muted);}> *{fill:currentColor;min-width:var(--text-body-size-large);min-height:var(--text-body-size-large);}> *:where([data-has-caption]){min-width:var(--base-size-24);min-height:var(--base-size-24);}"]));
 var FormControl$1 = Object.assign(FormControl, {
   Caption: FormControlCaption,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/react",
-  "version": "37.11.0",
+  "version": "37.11.1",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",

package/lib/ActionBar/disabled.ActionBar.Figma.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=disabled.ActionBar.Figma.d.ts.map

package/lib/ActionBar/disabled.ActionBar.Figma.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"disabled.ActionBar.Figma.d.ts","sourceRoot":"","sources":["../../src/ActionBar/disabled.ActionBar.Figma.tsx"],"names":[],"mappings":""}

package/lib-esm/ActionBar/disabled.ActionBar.Figma.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=disabled.ActionBar.Figma.d.ts.map