@codecademy/gamut 68.7.1-alpha.f618c1.0 → 68.7.2-alpha.0ef7c8.0

package/dist/Video/styles/vds_base_theme.scss

@@ -1,3 +1,5 @@
+@use "~@codecademy/gamut-styles/utils" as *;
+
 @import "~@vidstack/react/player/styles/default/theme.css";
 @import "~@vidstack/react/player/styles/default/layouts/video.css";
 @import "~@vidstack/react/player/styles/default/layouts/audio.css";
@@ -24,7 +26,7 @@ iframe.vds-youtube[data-no-controls] {
 }
 
 :where(.vds-video-layout[data-sm]) :where(.vds-button) {
-  padding: 0px 4px !important;
+  padding: 0px px-rem(4px) !important;
 }
 
 // Small layout volume / time slider

package/dist/index.d.ts

@@ -27,7 +27,6 @@ export * from './FocusTrap';
 export * from './Form';
 export type { OptionStrict, ExtendedOption, SelectDropdownGroup, } from './Form/SelectDropdown';
 export * from './GridForm';
-export * from './HiddenText';
 export * from './Layout/Column';
 export * from './Layout/LayoutGrid';
 export * from './List';

package/dist/index.js

@@ -25,7 +25,6 @@ export * from './Flyout';
 export * from './FocusTrap';
 export * from './Form';
 export * from './GridForm';
-export * from './HiddenText';
 export * from './Layout/Column';
 export * from './Layout/LayoutGrid';
 export * from './List';

package/dist/utils/react.js

@@ -1,5 +1,4 @@
 import { Children, isValidElement } from 'react';
-import { isNullish } from './nullish';
 
 /**
  * Recursively extracts plain text content from React children.
@@ -30,12 +29,11 @@ export const extractTextContent = children => {
     if (typeof child === 'string' || typeof child === 'number') {
       return String(child);
     }
-    if (typeof child === 'boolean' || isNullish(child)) {
+    if (typeof child === 'boolean' || child == null) {
       return '';
     }
     if (/*#__PURE__*/isValidElement(child)) {
-      const props = child.props;
-      const textContent = props.children ?? props.text ?? '';
+      const textContent = child.props.children ?? child.props.text ?? '';
       return extractTextContent(textContent);
     }
     return '';

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "68.7.1-alpha.f618c1.0",
+  "version": "68.7.2-alpha.0ef7c8.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "bin": "./bin/gamut.mjs",
   "dependencies": {
-    "@codecademy/gamut-icons": "9.57.6-alpha.f618c1.0",
-    "@codecademy/gamut-illustrations": "0.58.12-alpha.f618c1.0",
-    "@codecademy/gamut-patterns": "0.10.31-alpha.f618c1.0",
-    "@codecademy/gamut-styles": "18.0.1-alpha.f618c1.0",
-    "@codecademy/variance": "0.26.2-alpha.f618c1.0",
+    "@codecademy/gamut-icons": "9.57.6-alpha.0ef7c8.0",
+    "@codecademy/gamut-illustrations": "0.58.12-alpha.0ef7c8.0",
+    "@codecademy/gamut-patterns": "0.10.31-alpha.0ef7c8.0",
+    "@codecademy/gamut-styles": "18.0.1-alpha.0ef7c8.0",
+    "@codecademy/variance": "0.26.2-alpha.0ef7c8.0",
     "@formatjs/intl-locale": "5.3.1",
     "@react-aria/interactions": "3.25.0",
     "@types/marked": "^4.0.8",
     "@vidstack/react": "^1.12.12",
     "classnames": "^2.2.5",
-    "framer-motion": "^12.0.0",
+    "framer-motion": "^11.18.0",
     "html-to-react": "^1.6.0",
     "invariant": "^2.2.4",
     "lodash": "^4.17.23",
@@ -23,7 +23,7 @@
     "polished": "^4.1.2",
     "react-aria-components": "1.7.1",
     "react-focus-on": "3.10.0",
-    "react-hook-form": "^7.71.2",
+    "react-hook-form": "^7.65.0",
     "react-player": "^2.16.0",
     "react-select": "^5.2.2",
     "react-truncate-markup": "^5.1.2",
@@ -44,8 +44,8 @@
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
-    "react": "^17.0.2 || ^18.3.0 || ^19.0.0",
-    "react-dom": "^17.0.2 || ^18.3.0 || ^19.0.0"
+    "react": "^17.0.2 || ^18.3.0",
+    "react-dom": "^17.0.2 || ^18.3.0"
   },
   "publishConfig": {
     "access": "public"

package/dist/HiddenText/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * @deprecated Use `<Text>` instead with `screenreader='true'`
- */
-export declare const HiddenText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/HiddenText/index.js

@@ -1,16 +0,0 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-/**
- * @deprecated Use `<Text>` instead with `screenreader='true'`
- */
-export const HiddenText = /*#__PURE__*/_styled("span", {
-  target: "e88fw8k0",
-  label: "HiddenText"
-})(process.env.NODE_ENV === "production" ? {
-  name: "3a43ku",
-  styles: "display:inline-block;font-size:0;height:1px;overflow:hidden;position:absolute;width:1px"
-} : {
-  name: "3a43ku",
-  styles: "display:inline-block;font-size:0;height:1px;overflow:hidden;position:absolute;width:1px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9IaWRkZW5UZXh0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLcUMiLCJmaWxlIjoiLi4vLi4vc3JjL0hpZGRlblRleHQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFVzZSBgPFRleHQ+YCBpbnN0ZWFkIHdpdGggYHNjcmVlbnJlYWRlcj0ndHJ1ZSdgXG4gKi9cbmV4cG9ydCBjb25zdCBIaWRkZW5UZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgZm9udC1zaXplOiAwO1xuICBoZWlnaHQ6IDFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});

package/dist/utils/nullish.d.ts

@@ -1,10 +0,0 @@
-/**
- * True when `value` is `null` or `undefined`.
- * Use instead of `value == null` when `eqeqeq` is enforced.
- */
-export declare const isNullish: (value: unknown) => value is null | undefined;
-/**
- * True when `value` is neither `null` nor `undefined`.
- * Use instead of `value != null` when `eqeqeq` is enforced.
- */
-export declare const isDefined: <T>(value: T | null | undefined) => value is T;

package/dist/utils/nullish.js

@@ -1,11 +0,0 @@
-/**
- * True when `value` is `null` or `undefined`.
- * Use instead of `value == null` when `eqeqeq` is enforced.
- */
-export const isNullish = value => value === null || value === undefined;
-
-/**
- * True when `value` is neither `null` nor `undefined`.
- * Use instead of `value != null` when `eqeqeq` is enforced.
- */
-export const isDefined = value => value !== undefined && value !== null;