@atom-learning/components 4.0.0-beta.9 → 4.0.0

package/dist/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Tooltip } from '../../components/tooltip';
-export declare type TOptionalTooltipWrapperProps = {
+export type TOptionalTooltipWrapperProps = {
     hasTooltip?: boolean;
     label?: React.ReactNode;
     tooltipSide?: React.ComponentProps<typeof Tooltip.Content>['side'];

package/dist/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export declare const OptionalVisuallyHiddenWrapper: {
     ({ children, hidden }: React.PropsWithChildren<{
-        hidden?: boolean | undefined;
+        hidden?: boolean;
     }>): React.JSX.Element | null;
     displayName: string;
 };

package/dist/utilities/radix-overrides/toggle-group/ToggleGroupRoot.d.ts

@@ -1,8 +1,8 @@
 import * as ToggleGroup from '@radix-ui/react-toggle-group';
 import * as React from 'react';
-declare type RootType = {
+type RootType = {
     disableDeselect?: boolean;
 };
-declare type ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroup.Root> & RootType;
+type ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroup.Root> & RootType;
 export declare const ToggleGroupRoot: React.ForwardRefExoticComponent<ToggleGroupRootProps>;
 export {};

package/dist/utilities/radix-overrides/toggle-group/index.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const ToggleGroup: {
     Root: import("react").ForwardRefExoticComponent<((import("@radix-ui/react-toggle-group").ToggleGroupSingleProps | import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>) & {
-        disableDeselect?: boolean | undefined;
+        disableDeselect?: boolean;
     }>;
 };

package/dist/utilities/style/capsize.d.ts

@@ -14,4 +14,4 @@ import { CSS } from '../../stitches';
  *   })
  *
  */
-export declare const capsize: (before: number, after?: number | undefined) => Record<string, CSS>;
+export declare const capsize: (before: number, after?: number) => Record<string, CSS>;

package/dist/utilities/style/encode-background-icon.d.ts

@@ -1,4 +1,4 @@
-declare type Icons = keyof typeof icons;
+type Icons = keyof typeof icons;
 declare const icons: {
     chevron: (color: string) => string;
     search: (color: string) => string;

package/dist/utilities/style/focus-visible-style-block.d.ts

@@ -1,12 +1,13 @@
-declare type focusVisibleStyleBlockPropsType = {
+type focusVisibleStyleBlockPropsType = {
     position?: 'relative' | 'absolute' | 'fixed' | 'sticky';
     zIndex?: number;
+    boxShadow?: string;
 };
-declare type focusVisibleStyleBlockReturnType = {
+type focusVisibleStyleBlockReturnType = {
     outline: 'none';
     position: string;
     zIndex: number;
     boxShadow: string;
 };
-export declare const focusVisibleStyleBlock: ({ position, zIndex }?: focusVisibleStyleBlockPropsType) => focusVisibleStyleBlockReturnType;
+export declare const focusVisibleStyleBlock: ({ position, zIndex, boxShadow }?: focusVisibleStyleBlockPropsType) => focusVisibleStyleBlockReturnType;
 export {};

package/dist/utilities/style/focus-visible-style-block.js

@@ -1,2 +1,2 @@
-const o=({position:e="relative",zIndex:i=1}={})=>({outline:"none",position:["relative","absolute","fixed","sticky"].includes(e)?e:"relative",zIndex:i>1?i:1,boxShadow:"white 0px 0px 0px 2px, $colors$primary800 0px 0px 0px 4px"});export{o as focusVisibleStyleBlock};
+const x=({position:e="relative",zIndex:o=1,boxShadow:i=""}={})=>({outline:"none",position:["relative","absolute","fixed","sticky"].includes(e)?e:"relative",zIndex:o>1?o:1,boxShadow:`white 0px 0px 0px 2px, $colors$primary800 0px 0px 0px 4px${i?`, ${i}`:""}`});export{x as focusVisibleStyleBlock};
 //# sourceMappingURL=focus-visible-style-block.js.map

package/dist/utilities/style/focus-visible-style-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-visible-style-block.js","sources":["../../../src/utilities/style/focus-visible-style-block.ts"],"sourcesContent":["/*\n  Focus styling for block element.\n*/\n\ntype focusVisibleStyleBlockPropsType = {\n  position?: 'relative' | 'absolute' | 'fixed' | 'sticky'\n  zIndex?: number\n}\n\ntype focusVisibleStyleBlockReturnType = {\n  outline: 'none'\n  position: string\n  zIndex: number\n  boxShadow: string\n}\n\nexport const focusVisibleStyleBlock = ({\n  position = 'relative',\n  zIndex = 1\n}: focusVisibleStyleBlockPropsType = {}): focusVisibleStyleBlockReturnType => {\n  return {\n    outline: 'none',\n    position: ['relative', 'absolute', 'fixed', 'sticky'].includes(position)\n      ? position\n      : 'relative',\n    zIndex: zIndex > 1 ? zIndex : 1,\n    boxShadow: 'white 0px 0px 0px 2px, $colors$primary800 0px 0px 0px 4px'\n  }\n}\n"],"names":["focusVisibleStyleBlock","position","zIndex"],"mappings":"AAgBO,MAAMA,EAAyB,CAAC,CACrC,SAAAC,EAAW,WACX,OAAAC,EAAS,CACX,EAAqC,CAC5B,KAAA,CACL,QAAS,OACT,SAAU,CAAC,WAAY,WAAY,QAAS,QAAQ,EAAE,SAASD,CAAQ,EACnEA,EACA,WACJ,OAAQC,EAAS,EAAIA,EAAS,EAC9B,UAAW,2DACb"}
+{"version":3,"file":"focus-visible-style-block.js","sources":["../../../src/utilities/style/focus-visible-style-block.ts"],"sourcesContent":["/*\n  Focus styling for block element.\n*/\n\ntype focusVisibleStyleBlockPropsType = {\n  position?: 'relative' | 'absolute' | 'fixed' | 'sticky'\n  zIndex?: number\n  boxShadow?: string\n}\n\ntype focusVisibleStyleBlockReturnType = {\n  outline: 'none'\n  position: string\n  zIndex: number\n  boxShadow: string\n}\n\nexport const focusVisibleStyleBlock = ({\n  position = 'relative',\n  zIndex = 1,\n  boxShadow = ''\n}: focusVisibleStyleBlockPropsType = {}): focusVisibleStyleBlockReturnType => {\n  return {\n    outline: 'none',\n    position: ['relative', 'absolute', 'fixed', 'sticky'].includes(position)\n      ? position\n      : 'relative',\n    zIndex: zIndex > 1 ? zIndex : 1,\n    boxShadow: `white 0px 0px 0px 2px, $colors$primary800 0px 0px 0px 4px${\n      boxShadow ? `, ${boxShadow}` : ''\n    }`\n  }\n}\n"],"names":["focusVisibleStyleBlock","position","zIndex","boxShadow"],"mappings":"AAiBO,MAAMA,EAAyB,CAAC,CACrC,SAAAC,EAAW,WACX,OAAAC,EAAS,EACT,UAAAC,EAAY,EACd,EAAqC,MAC5B,CACL,QAAS,OACT,SAAU,CAAC,WAAY,WAAY,QAAS,QAAQ,EAAE,SAASF,CAAQ,EACnEA,EACA,WACJ,OAAQC,EAAS,EAAIA,EAAS,EAC9B,UAAW,4DACTC,EAAY,KAAKA,IAAc,IAEnC"}

package/dist/utilities/style/keyframe-animations.d.ts

@@ -27,11 +27,11 @@ export declare const slideInOut: ({ outPosition, inPosition }: {
     outPosition?: {
         x: string | number;
         y: string | number;
-    } | undefined;
+    };
     inPosition?: {
         x: string | number;
         y: string | number;
-    } | undefined;
+    };
 }) => {
     in: ReturnType<typeof keyframes>;
     out: ReturnType<typeof keyframes>;

package/dist/utilities/types.d.ts

@@ -21,4 +21,4 @@
  *
  * ```
  */
-export declare type Override<T, U> = Omit<T, keyof U> & U;
+export type Override<T, U> = Omit<T, keyof U> & U;

package/dist/utilities/uri/index.d.ts

@@ -1,5 +1,5 @@
-export declare const isExternalUrl: (url?: string | undefined) => boolean;
-export declare const getExternalAnchorProps: (url?: string | undefined) => {
+export declare const isExternalUrl: (url?: string) => boolean;
+export declare const getExternalAnchorProps: (url?: string) => {
     target: string;
     rel: string;
 } | {

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "4.0.0-beta.9",
+  "version": "4.0.0",
   "description": "",
   "files": [
     "dist"
@@ -17,7 +17,7 @@
     "build:proptypes": "node ./scripts/generate-component-props.mjs",
     "start:sandbox": "vite -c ./sandbox/vite.config.js",
     "add-component": "node ./scripts/add-component.mjs",
-    "prepublishOnly": "yarn run clean && yarn run build:lib && yarn run build:types && yarn run build:proptypes",
+    "prepublish": "run-s clean build:lib build:types build:proptypes",
     "clean": "del ./dist/",
     "format": "prettier 'src/**/*.{js,ts,tsx}' --write",
     "lint": "eslint 'src/**/*.{js,ts,tsx}' --fix",
@@ -60,7 +60,7 @@
   "devDependencies": {
     "@atom-learning/icons": "1.20.0",
     "@atom-learning/jest-stitches": "1.0.10",
-    "@atom-learning/theme": "4.0.0-beta.6",
+    "@atom-learning/theme": "^4.0.0",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@radix-ui/react-id": "1.0.1",
@@ -109,8 +109,8 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^2.2.1",
     "prompts": "^2.4.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "rollup": "^2.39.0",
     "rollup-plugin-esbuild": "^4.8.2",
     "rollup-plugin-json": "^4.0.0",
@@ -122,14 +122,14 @@
     "semantic-release-yarn": "^3.0.2",
     "size-limit": "^7.0.5",
     "stitches-reset": "^1.0.0",
-    "tsc-alias": "^1.3.5",
-    "typescript": "4.2.3",
+    "tsc-alias": "^1.8.10",
+    "typescript": "^5.5.4",
     "vite": "^2.2.4",
     "yargs": "^16.2.0"
   },
   "peerDependencies": {
     "@atom-learning/icons": "^1.0.0",
-    "@atom-learning/theme": "^3 || ^4",
+    "@atom-learning/theme": "^4",
     "react": "^17 || ^18 || ^19",
     "react-dom": "^17 || ^18 || ^19"
   },
@@ -228,4 +228,4 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   }
-}
+}