npm - @jobber/components - Versions diffs - 8.25.2 → 8.26.1 - Mend

@jobber/components 8.25.2 → 8.26.1

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 (33) hide show

package/dist/AtlantisThemeContext/AtlantisThemeContext.d.ts +1 -1
package/dist/AtlantisThemeContext/index.cjs +1 -2
package/dist/AtlantisThemeContext/index.mjs +1 -2
package/dist/AtlantisThemeContext/themeStore.d.ts +11 -0
package/dist/AtlantisThemeContext/types.d.ts +14 -0
package/dist/AtlantisThemeContext/updateTheme.d.ts +1 -1
package/dist/AtlantisThemeContext-cjs.js +58 -17
package/dist/AtlantisThemeContext-es.js +60 -20
package/dist/DatePicker-es.js +1 -1
package/dist/docs/AtlantisThemeContext/AtlantisThemeContext.md +41 -0
package/dist/docs/DataTable/DataTable.md +0 -4
package/dist/docs/Table/Table.md +1 -3
package/dist/docs/index.md +0 -1
package/dist/index.cjs +1 -4
package/dist/index.d.mts +0 -1
package/dist/index.d.ts +0 -1
package/dist/index.mjs +1 -3
package/dist/isTypedArray-es.js +1 -1
package/dist/styles.css +0 -41
package/dist/useScrollToActive-es.js +1 -1
package/dist/utils/meta/meta.json +0 -1
package/package.json +2 -7
package/DescriptionList.d.ts +0 -1
package/DescriptionList.js +0 -17
package/dist/DescriptionList/DescriptionList.d.ts +0 -11
package/dist/DescriptionList/index.cjs +0 -10
package/dist/DescriptionList/index.d.ts +0 -1
package/dist/DescriptionList/index.mjs +0 -4
package/dist/DescriptionList-cjs.js +0 -14
package/dist/DescriptionList-es.js +0 -12
package/dist/docs/DescriptionList/DescriptionList.md +0 -25
package/dist/updateTheme-cjs.js +0 -20
package/dist/updateTheme-es.js +0 -18

package/dist/AtlantisThemeContext/AtlantisThemeContext.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
 import type { AtlantisThemeContextProviderProps, AtlantisThemeContextValue } from "./types";
 export declare const atlantisThemeContextDefaultValues: AtlantisThemeContextValue;
-export declare function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, dangerouslyOverrideTokens, }: AtlantisThemeContextProviderProps): React.JSX.Element;
+export declare function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, dangerouslyOverrideTokens, storageKey, }: AtlantisThemeContextProviderProps): React.JSX.Element;
 export declare function useAtlantisTheme(): AtlantisThemeContextValue;

package/dist/AtlantisThemeContext/index.cjs CHANGED Viewed

@@ -1,7 +1,6 @@
 'use strict';
 var AtlantisThemeContext = require('../AtlantisThemeContext-cjs.js');
-var updateTheme = require('../updateTheme-cjs.js');
 require('@jobber/design');
 require('react');
 require('../_commonjsHelpers-cjs.js');
@@ -19,5 +18,5 @@ require('../_setToString-cjs.js');
 exports.AtlantisThemeContextProvider = AtlantisThemeContext.AtlantisThemeContextProvider;
 exports.THEME_CHANGE_EVENT = AtlantisThemeContext.THEME_CHANGE_EVENT;
 exports.atlantisThemeContextDefaultValues = AtlantisThemeContext.atlantisThemeContextDefaultValues;
+exports.updateTheme = AtlantisThemeContext.updateTheme;
 exports.useAtlantisTheme = AtlantisThemeContext.useAtlantisTheme;
-exports.updateTheme = updateTheme.updateTheme;

package/dist/AtlantisThemeContext/index.mjs CHANGED Viewed

@@ -1,5 +1,4 @@
-export { A as AtlantisThemeContextProvider, T as THEME_CHANGE_EVENT, a as atlantisThemeContextDefaultValues, u as useAtlantisTheme } from '../AtlantisThemeContext-es.js';
-export { u as updateTheme } from '../updateTheme-es.js';
+export { A as AtlantisThemeContextProvider, T as THEME_CHANGE_EVENT, a as atlantisThemeContextDefaultValues, b as updateTheme, u as useAtlantisTheme } from '../AtlantisThemeContext-es.js';
 import '@jobber/design';
 import 'react';
 import '../_commonjsHelpers-es.js';

package/dist/AtlantisThemeContext/themeStore.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Theme } from "./types";
+/**
+ * `useSyncExternalStore` source for the theme. `data-theme` on the document
+ * element is the source of truth: `updateTheme` writes it and dispatches
+ * `THEME_CHANGE_EVENT`, which this store subscribes to.
+ */
+export declare const themeStore: {
+    readonly subscribe: (onStoreChange: () => void) => () => void;
+    readonly getSnapshot: () => Theme;
+    readonly getServerSnapshot: () => Theme;
+};

package/dist/AtlantisThemeContext/types.d.ts CHANGED Viewed

@@ -32,6 +32,20 @@ export interface AtlantisThemeContextProviderProps extends PropsWithChildren {
      * **Important**: you should provide a constant or at least a memoized value for performance reasons.
      */
     readonly dangerouslyOverrideTokens?: OverrideTokens;
+    /**
+     * The `localStorage` key your app writes to when toggling the theme (e.g.
+     * `"jobber_theme"`). When set, the provider listens for `window` `storage`
+     * events on this key and applies theme changes signalled by other browser
+     * tabs. Writing to `localStorage` remains the app's responsibility; Atlantis
+     * only handles the listen-and-react side.
+     *
+     * Cross-tab sync is opt-in: omit this prop and no `storage` listener is added,
+     * preserving the previous within-tab-only behavior.
+     *
+     * Has no effect when `dangerouslyOverrideTheme` is set, since that provider
+     * is intentionally isolated from the shared theme store.
+     */
+    readonly storageKey?: string;
 }
 export type OverrideTokens = {
     [K in keyof typeof tokens]?: (typeof tokens)[K];

package/dist/AtlantisThemeContext/updateTheme.d.ts CHANGED Viewed

@@ -2,6 +2,6 @@ import type { Theme } from "./types";
 /**
  * Toggle the theme of the application. If subscribed, the tokens will be updated accordingly.
  * Will add data-theme="<newTheme>" to the <html> element.
- * Will dispatch a custom event "atlantis.toggle-theme" with the new theme for other providers to subscribe to.
+ * Will dispatch a custom event "atlantis.toggle-theme" that theme providers subscribe to.
  */
 export declare function updateTheme(theme: Theme): void;

package/dist/AtlantisThemeContext-cjs.js CHANGED Viewed

@@ -340,9 +340,45 @@ var merge_1 = merge;
 var merge$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(merge_1);
+var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-","spinning":"iq03qkKnXBA-"};
 const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
-var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-","spinning":"iq03qkKnXBA-"};
+/**
+ * `useSyncExternalStore` source for the theme. `data-theme` on the document
+ * element is the source of truth: `updateTheme` writes it and dispatches
+ * `THEME_CHANGE_EVENT`, which this store subscribes to.
+ */
+const themeStore = {
+    subscribe(onStoreChange) {
+        globalThis.window.addEventListener(THEME_CHANGE_EVENT, onStoreChange);
+        return () => {
+            globalThis.window.removeEventListener(THEME_CHANGE_EVENT, onStoreChange);
+        };
+    },
+    getSnapshot() {
+        var _a, _b, _c, _d;
+        return ((_d = (_c = (_b = (_a = globalThis.document) === null || _a === void 0 ? void 0 : _a.documentElement) === null || _b === void 0 ? void 0 : _b.dataset) === null || _c === void 0 ? void 0 : _c.theme) !== null && _d !== void 0 ? _d : "light");
+    },
+    getServerSnapshot() {
+        return "light";
+    },
+};
+/**
+ * Toggle the theme of the application. If subscribed, the tokens will be updated accordingly.
+ * Will add data-theme="<newTheme>" to the <html> element.
+ * Will dispatch a custom event "atlantis.toggle-theme" that theme providers subscribe to.
+ */
+function updateTheme(theme) {
+    if (!globalThis.window)
+        return;
+    globalThis.document.documentElement.setAttribute("data-theme", theme);
+    const event = new CustomEvent(THEME_CHANGE_EVENT, {
+        detail: { theme },
+    });
+    globalThis.window.dispatchEvent(event);
+}
 const atlantisThemeContextDefaultValues = {
     theme: "light",
@@ -350,31 +386,35 @@ const atlantisThemeContextDefaultValues = {
 };
 const actualDarkTokens = merge$1({}, design.tokens, design.darkTokens);
 const AtlantisThemeContext = React.createContext(atlantisThemeContextDefaultValues);
-function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, dangerouslyOverrideTokens, }) {
+function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, dangerouslyOverrideTokens, storageKey, }) {
     if (dangerouslyOverrideTheme) {
         return (React.createElement(InternalStaticThemeProvider, { dangerouslyOverrideTokens: dangerouslyOverrideTokens, dangerouslyOverrideTheme: dangerouslyOverrideTheme }, children));
     }
-    return (React.createElement(InternalDynamicThemeProvider, { dangerouslyOverrideTokens: dangerouslyOverrideTokens }, children));
+    return (React.createElement(InternalDynamicThemeProvider, { dangerouslyOverrideTokens: dangerouslyOverrideTokens, storageKey: storageKey }, children));
 }
-function InternalDynamicThemeProvider({ children, dangerouslyOverrideTokens, }) {
-    var _a;
-    const initialTheme = (_a = globalThis.document.documentElement.dataset.theme) !== null && _a !== void 0 ? _a : "light";
-    const [internalTheme, setInternalTheme] = React.useState(initialTheme);
-    const { finalTokens, cssVariableOverrides } = useTokens(internalTheme, dangerouslyOverrideTokens);
-    const handleThemeChangeEvent = React.useCallback((event) => {
-        const newTheme = event.detail.theme;
-        setInternalTheme(newTheme);
-    }, []);
+function InternalDynamicThemeProvider({ children, dangerouslyOverrideTokens, storageKey, }) {
+    const theme = React.useSyncExternalStore(themeStore.subscribe, themeStore.getSnapshot, themeStore.getServerSnapshot);
+    const { finalTokens, cssVariableOverrides } = useTokens(theme, dangerouslyOverrideTokens);
     React.useEffect(() => {
-        if (!globalThis.window)
+        if (!storageKey || !globalThis.window)
             return;
-        globalThis.window.addEventListener(THEME_CHANGE_EVENT, handleThemeChangeEvent);
+        function handleStorage(event) {
+            if (event.key !== storageKey)
+                return;
+            const next = event.newValue;
+            if (next !== "light" && next !== "dark")
+                return;
+            if (next === themeStore.getSnapshot())
+                return;
+            updateTheme(next);
+        }
+        globalThis.window.addEventListener("storage", handleStorage);
         return () => {
-            globalThis.window.removeEventListener(THEME_CHANGE_EVENT, handleThemeChangeEvent);
+            globalThis.window.removeEventListener("storage", handleStorage);
         };
-    }, [handleThemeChangeEvent]);
+    }, [storageKey]);
     return (React.createElement(AtlantisThemeContext.Provider, { value: {
-            theme: internalTheme,
+            theme: theme,
             tokens: finalTokens,
             overrideTokens: dangerouslyOverrideTokens,
         } }, cssVariableOverrides ? (React.createElement("div", { className: styles.overrideTokensWrapper, style: cssVariableOverrides }, children)) : (children)));
@@ -419,4 +459,5 @@ function useTokens(theme, overrideTokens) {
 exports.AtlantisThemeContextProvider = AtlantisThemeContextProvider;
 exports.THEME_CHANGE_EVENT = THEME_CHANGE_EVENT;
 exports.atlantisThemeContextDefaultValues = atlantisThemeContextDefaultValues;
+exports.updateTheme = updateTheme;
 exports.useAtlantisTheme = useAtlantisTheme;

package/dist/AtlantisThemeContext-es.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { tokens, darkTokens } from '@jobber/design';
-import React__default, { createContext, useState, useCallback, useEffect, useContext, useMemo } from 'react';
+import React__default, { createContext, useSyncExternalStore, useEffect, useContext, useMemo } from 'react';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
 import { e as eq_1, c as _Stack } from './identity-es.js';
 import { _ as _baseAssignValue } from './_baseAssignValue-es.js';
 import { _ as _baseFor } from './_baseFor-es.js';
 import { _ as _copyObject, k as keysIn_1, a as _cloneBufferExports, b as _cloneTypedArray, c as _copyArray, d as _initCloneObject, i as isPlainObject_1 } from './keysIn-es.js';
-import { b as isArrayLike_1, i as isArguments_1, a as isArray_1, c as isBufferExports, j as isFunction_1, d as isTypedArray_1 } from './isTypedArray-es.js';
+import { b as isArrayLike_1, i as isArguments_1, a as isArray_1, c as isBufferExports, k as isFunction_1, d as isTypedArray_1 } from './isTypedArray-es.js';
 import { i as isObjectLike_1, a as isObject_1 } from './isObjectLike-es.js';
 import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
@@ -338,9 +338,45 @@ var merge_1 = merge;
 var merge$1 = /*@__PURE__*/getDefaultExportFromCjs(merge_1);
+var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-","spinning":"iq03qkKnXBA-"};
 const THEME_CHANGE_EVENT = "atlantis.toggle-theme";
-var styles = {"staticThemeProviderWrapper":"P6HrDSaI0Ac-","overrideTokensWrapper":"j-NMCOBL3-E-","spinning":"iq03qkKnXBA-"};
+/**
+ * `useSyncExternalStore` source for the theme. `data-theme` on the document
+ * element is the source of truth: `updateTheme` writes it and dispatches
+ * `THEME_CHANGE_EVENT`, which this store subscribes to.
+ */
+const themeStore = {
+    subscribe(onStoreChange) {
+        globalThis.window.addEventListener(THEME_CHANGE_EVENT, onStoreChange);
+        return () => {
+            globalThis.window.removeEventListener(THEME_CHANGE_EVENT, onStoreChange);
+        };
+    },
+    getSnapshot() {
+        var _a, _b, _c, _d;
+        return ((_d = (_c = (_b = (_a = globalThis.document) === null || _a === void 0 ? void 0 : _a.documentElement) === null || _b === void 0 ? void 0 : _b.dataset) === null || _c === void 0 ? void 0 : _c.theme) !== null && _d !== void 0 ? _d : "light");
+    },
+    getServerSnapshot() {
+        return "light";
+    },
+};
+/**
+ * Toggle the theme of the application. If subscribed, the tokens will be updated accordingly.
+ * Will add data-theme="<newTheme>" to the <html> element.
+ * Will dispatch a custom event "atlantis.toggle-theme" that theme providers subscribe to.
+ */
+function updateTheme(theme) {
+    if (!globalThis.window)
+        return;
+    globalThis.document.documentElement.setAttribute("data-theme", theme);
+    const event = new CustomEvent(THEME_CHANGE_EVENT, {
+        detail: { theme },
+    });
+    globalThis.window.dispatchEvent(event);
+}
 const atlantisThemeContextDefaultValues = {
     theme: "light",
@@ -348,31 +384,35 @@ const atlantisThemeContextDefaultValues = {
 };
 const actualDarkTokens = merge$1({}, tokens, darkTokens);
 const AtlantisThemeContext = createContext(atlantisThemeContextDefaultValues);
-function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, dangerouslyOverrideTokens, }) {
+function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, dangerouslyOverrideTokens, storageKey, }) {
     if (dangerouslyOverrideTheme) {
         return (React__default.createElement(InternalStaticThemeProvider, { dangerouslyOverrideTokens: dangerouslyOverrideTokens, dangerouslyOverrideTheme: dangerouslyOverrideTheme }, children));
     }
-    return (React__default.createElement(InternalDynamicThemeProvider, { dangerouslyOverrideTokens: dangerouslyOverrideTokens }, children));
+    return (React__default.createElement(InternalDynamicThemeProvider, { dangerouslyOverrideTokens: dangerouslyOverrideTokens, storageKey: storageKey }, children));
 }
-function InternalDynamicThemeProvider({ children, dangerouslyOverrideTokens, }) {
-    var _a;
-    const initialTheme = (_a = globalThis.document.documentElement.dataset.theme) !== null && _a !== void 0 ? _a : "light";
-    const [internalTheme, setInternalTheme] = useState(initialTheme);
-    const { finalTokens, cssVariableOverrides } = useTokens(internalTheme, dangerouslyOverrideTokens);
-    const handleThemeChangeEvent = useCallback((event) => {
-        const newTheme = event.detail.theme;
-        setInternalTheme(newTheme);
-    }, []);
+function InternalDynamicThemeProvider({ children, dangerouslyOverrideTokens, storageKey, }) {
+    const theme = useSyncExternalStore(themeStore.subscribe, themeStore.getSnapshot, themeStore.getServerSnapshot);
+    const { finalTokens, cssVariableOverrides } = useTokens(theme, dangerouslyOverrideTokens);
     useEffect(() => {
-        if (!globalThis.window)
+        if (!storageKey || !globalThis.window)
             return;
-        globalThis.window.addEventListener(THEME_CHANGE_EVENT, handleThemeChangeEvent);
+        function handleStorage(event) {
+            if (event.key !== storageKey)
+                return;
+            const next = event.newValue;
+            if (next !== "light" && next !== "dark")
+                return;
+            if (next === themeStore.getSnapshot())
+                return;
+            updateTheme(next);
+        }
+        globalThis.window.addEventListener("storage", handleStorage);
         return () => {
-            globalThis.window.removeEventListener(THEME_CHANGE_EVENT, handleThemeChangeEvent);
+            globalThis.window.removeEventListener("storage", handleStorage);
         };
-    }, [handleThemeChangeEvent]);
+    }, [storageKey]);
     return (React__default.createElement(AtlantisThemeContext.Provider, { value: {
-            theme: internalTheme,
+            theme: theme,
             tokens: finalTokens,
             overrideTokens: dangerouslyOverrideTokens,
         } }, cssVariableOverrides ? (React__default.createElement("div", { className: styles.overrideTokensWrapper, style: cssVariableOverrides }, children)) : (children)));
@@ -414,4 +454,4 @@ function useTokens(theme, overrideTokens) {
     };
 }
-export { AtlantisThemeContextProvider as A, THEME_CHANGE_EVENT as T, atlantisThemeContextDefaultValues as a, useAtlantisTheme as u };
+export { AtlantisThemeContextProvider as A, THEME_CHANGE_EVENT as T, atlantisThemeContextDefaultValues as a, updateTheme as b, useAtlantisTheme as u };

package/dist/DatePicker-es.js CHANGED Viewed

@@ -13,7 +13,7 @@ import { c as _Stack } from './identity-es.js';
 import { _ as _copyObject, k as keysIn_1, e as _getPrototype, f as _cloneArrayBuffer, b as _cloneTypedArray, a as _cloneBufferExports, c as _copyArray, d as _initCloneObject, g as _assignValue, i as isPlainObject_1 } from './keysIn-es.js';
 import { a as _getTag } from './_getTag-es.js';
 import { b as _Symbol, i as isObjectLike_1, a as isObject_1 } from './isObjectLike-es.js';
-import { m as _nodeUtilExports, k as _baseUnary, c as isBufferExports, a as isArray_1 } from './isTypedArray-es.js';
+import { m as _nodeUtilExports, j as _baseUnary, c as isBufferExports, a as isArray_1 } from './isTypedArray-es.js';
 import { _ as _baseFlatten } from './_baseFlatten-es.js';
 import { _ as _overRest, a as _setToString } from './_setToString-es.js';
 import { u as useAtlantisContext } from './AtlantisContext-es.js';

package/dist/docs/AtlantisThemeContext/AtlantisThemeContext.md CHANGED Viewed

@@ -116,6 +116,46 @@ function ThemedComponent() {
 }
 ```
+### Cross-tab theme sync (Web Only)
+The provider can keep the theme in sync across a user's open browser tabs. This
+is opt-in: pass the `localStorage` key your app writes to as the `storageKey`
+prop. The provider then listens for
+[`storage` events](https://developer.mozilla.org/en-US/docs/Web/API/Window/storage_event)
+on that key and applies theme changes from other tabs. The `storage` event fires
+only in tabs *other* than the one that wrote the value, so there's no feedback
+loop.
+**Your app is responsible for writing to `localStorage`** when the theme changes
+— Atlantis only handles the listen-and-react side.
+```tsx
+<AtlantisThemeContextProvider storageKey="my_app_theme">
+  <ThemedComponent />
+</AtlantisThemeContextProvider>
+```
+```tsx
+// Theme toggle — write to the same key after calling updateTheme
+import { updateTheme } from "@jobber/components/AtlantisThemeContext";
+function toggleTheme(newTheme: "light" | "dark") {
+  updateTheme(newTheme); // updates all providers in this tab immediately
+  try {
+    localStorage.setItem("my_app_theme", newTheme); // signals other tabs
+  } catch {
+    // localStorage unavailable (e.g. private mode) — degrades gracefully
+  }
+}
+```
+Omit `storageKey` and no `storage` listener is added, keeping the previous
+within-tab-only behavior. Multiple dynamic providers on the same page all share
+the same internal store, so a single provider with a `storageKey` is enough — a
+cross-tab signal updates every dynamic provider at once. Providers mounted with
+`dangerouslyOverrideTheme` are unaffected.
 ### Forcing a theme for an AtlantisThemeContextProvider
 In some scenarios you may want to force a theme for specific components
@@ -255,3 +295,4 @@ Key features:
 | `children` | `ReactNode` | Yes | — | The children to render. |
 | `dangerouslyOverrideTheme` | `Theme` | No | — | Force the theme for this provider to always be the same as the provided theme. Useful for sections that should remain... |
 | `dangerouslyOverrideTokens` | `OverrideTokens` | No | — | Overrides existing design tokens with custom values. Can also supply custom tokens which will be accessible via useAt... |
+| `storageKey` | `string` | No | — | The `localStorage` key your app writes to when toggling the theme (e.g. `"jobber_theme"`). When set, the provider lis... |

package/dist/docs/DataTable/DataTable.md CHANGED Viewed

@@ -33,10 +33,6 @@ numerical data (and their headers) round to the same decimal point, and are
 right-aligned. This makes it much easier for the reader to quickly parse large
 distinctions in dollar amounts, inventory counts, and other key business data.
-If you have a small list of information with a 1:1 label-to-data relationship
-(for example, the issued and due dates on an invoice), consider using
-[DescriptionList](../DescriptionList/DescriptionList.md).
 **Note**: The atomic DataTable components are the path forward and should be
 considered prior to using the [DataList](../DataList/DataList.md) and
 [Table](../Table/Table.md) components.

package/dist/docs/Table/Table.md CHANGED Viewed

@@ -25,9 +25,7 @@ distinctions in dollar amounts, inventory counts, and other key business data.
 To list more complex collections of information (such as multi-line content like
 a detailed property address), you may want to consider the
-[List](../List/List.md) component. If you have a small list of information with
-a 1:1 label-to-data relationship (for example, the issued and due dates on an
-invoice), consider using [DescriptionList](../DescriptionList/DescriptionList.md).
+[List](../List/List.md) component.
 ## Configuration

package/dist/docs/index.md CHANGED Viewed

@@ -27,7 +27,6 @@
 [DataTable](./DataTable/DataTable.md)
 [Datepicker](./Datepicker/Datepicker.md)
 [DatePickerNotes](./DatePickerNotes/DatePickerNotes.md)
-[DescriptionList](./DescriptionList/DescriptionList.md)
 [Dialog](./Dialog/Dialog.md)
 [disabled-states](./disabled-states/disabled-states.md)
 [Disclosure](./Disclosure/Disclosure.md)

package/dist/index.cjs CHANGED Viewed

@@ -3,7 +3,6 @@
 var ActivityIndicator = require('./ActivityIndicator-cjs.js');
 var AtlantisContext = require('./AtlantisContext-cjs.js');
 var AtlantisThemeContext = require('./AtlantisThemeContext-cjs.js');
-var updateTheme = require('./updateTheme-cjs.js');
 var Autocomplete = require('./Autocomplete-cjs.js');
 var Avatar = require('./Avatar-cjs.js');
 var Banner = require('./Banner-cjs.js');
@@ -33,7 +32,6 @@ require('@jobber/hooks');
 require('./DataTableTable-cjs.js');
 var reactTable = require('@tanstack/react-table');
 var DatePicker = require('./DatePicker-cjs.js');
-var DescriptionList = require('./DescriptionList-cjs.js');
 var dialogReturnFocus = require('./dialogReturnFocus-cjs.js');
 var Disclosure = require('./Disclosure-cjs.js');
 var Divider = require('./Divider-cjs.js');
@@ -215,8 +213,8 @@ exports.useAtlantisContext = AtlantisContext.useAtlantisContext;
 exports.AtlantisThemeContextProvider = AtlantisThemeContext.AtlantisThemeContextProvider;
 exports.THEME_CHANGE_EVENT = AtlantisThemeContext.THEME_CHANGE_EVENT;
 exports.atlantisThemeContextDefaultValues = AtlantisThemeContext.atlantisThemeContextDefaultValues;
+exports.updateTheme = AtlantisThemeContext.updateTheme;
 exports.useAtlantisTheme = AtlantisThemeContext.useAtlantisTheme;
-exports.updateTheme = updateTheme.updateTheme;
 exports.Autocomplete = Autocomplete.Autocomplete;
 exports.Avatar = Avatar.Avatar;
 exports.Banner = Banner.Banner;
@@ -249,7 +247,6 @@ Object.defineProperty(exports, "createColumnHelper", {
     get: function () { return reactTable.createColumnHelper; }
 });
 exports.DatePicker = DatePicker.DatePicker;
-exports.DescriptionList = DescriptionList.DescriptionList;
 exports.Dialog = dialogReturnFocus.Dialog;
 exports.getDialogReturnFocus = dialogReturnFocus.getDialogReturnFocus;
 exports.getFirstFocusableWithin = dialogReturnFocus.getFirstFocusableWithin;

package/dist/index.d.mts CHANGED Viewed

@@ -23,7 +23,6 @@ export * from "./DataDump";
 export * from "./DataList";
 export { DataTable, createColumnHelper } from "./DataTable";
 export * from "./DatePicker";
-export * from "./DescriptionList";
 export * from "./Dialog";
 export * from "./Disclosure";
 export * from "./Divider";

package/dist/index.d.ts CHANGED Viewed

@@ -23,7 +23,6 @@ export * from "./DataDump";
 export * from "./DataList";
 export { DataTable, createColumnHelper } from "./DataTable";
 export * from "./DatePicker";
-export * from "./DescriptionList";
 export * from "./Dialog";
 export * from "./Disclosure";
 export * from "./Divider";

package/dist/index.mjs CHANGED Viewed

@@ -1,7 +1,6 @@
 export { A as ActivityIndicator } from './ActivityIndicator-es.js';
 export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-es.js';
-export { A as AtlantisThemeContextProvider, T as THEME_CHANGE_EVENT, a as atlantisThemeContextDefaultValues, u as useAtlantisTheme } from './AtlantisThemeContext-es.js';
-export { u as updateTheme } from './updateTheme-es.js';
+export { A as AtlantisThemeContextProvider, T as THEME_CHANGE_EVENT, a as atlantisThemeContextDefaultValues, b as updateTheme, u as useAtlantisTheme } from './AtlantisThemeContext-es.js';
 export { A as Autocomplete } from './Autocomplete-es.js';
 export { A as Avatar } from './Avatar-es.js';
 export { B as Banner } from './Banner-es.js';
@@ -31,7 +30,6 @@ import '@jobber/hooks';
 import './DataTableTable-es.js';
 export { createColumnHelper } from '@tanstack/react-table';
 export { D as DatePicker } from './DatePicker-es.js';
-export { D as DescriptionList } from './DescriptionList-es.js';
 export { D as Dialog, g as getDialogReturnFocus, a as getFirstFocusableWithin } from './dialogReturnFocus-es.js';
 export { D as Disclosure } from './Disclosure-es.js';
 export { D as Divider } from './Divider-es.js';

package/dist/isTypedArray-es.js CHANGED Viewed

@@ -586,4 +586,4 @@ var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedA
 var isTypedArray_1 = isTypedArray;
-export { _isPrototype as _, isArray_1 as a, isArrayLike_1 as b, isBufferExports as c, isTypedArray_1 as d, _overArg as e, _getNative as f, _Map as g, _toSource as h, isArguments_1 as i, isFunction_1 as j, _baseUnary as k, isLength_1 as l, _nodeUtilExports as m };
+export { _isPrototype as _, isArray_1 as a, isArrayLike_1 as b, isBufferExports as c, isTypedArray_1 as d, _overArg as e, _getNative as f, _Map as g, _toSource as h, isArguments_1 as i, _baseUnary as j, isFunction_1 as k, isLength_1 as l, _nodeUtilExports as m };

package/dist/styles.css CHANGED Viewed

@@ -10365,47 +10365,6 @@ h2.react-datepicker__current-month {
   color: var(--color-heading);
 }
-.BkruJ2-bRWg- {
-  margin: 0;
-}
-.tpCvfS7kyDQ- {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  padding: 8px 0;
-  padding: var(--space-small) 0;
-  border-bottom: 1px solid hsl(200, 13%, 87%);
-  border-bottom: var(--border-base) solid var(--color-border);
-}
-.tpCvfS7kyDQ-:first-child {
-  padding-top: 0;
-}
-.tpCvfS7kyDQ-:last-child {
-  padding-bottom: 0;
-  border-bottom: none;
-}
-.tpCvfS7kyDQ- dd {
-  min-width: calc(16px * 7.5);
-  min-width: calc(var(--base-unit) * 7.5);
-  box-sizing: border-box;
-  padding-right: 8px;
-  padding-right: var(--space-small);
-  -webkit-margin-start: 0;
-          margin-left: 0;
-  -ms-flex: 1 1 60%;
-      flex: 1 1 60%;
-}
-.tpCvfS7kyDQ- dt {
-  -ms-flex: 1 1 40%;
-      flex: 1 1 40%;
-}
 /* Dialog Sizes */
 .uYYyCR3l6E8- {
   --dialog-popup-max-width: 440px;

package/dist/useScrollToActive-es.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
 import { _ as _baseFlatten } from './_baseFlatten-es.js';
 import { a as _arrayMap, b as _baseGet } from './_getAllKeys-es.js';
 import { _ as _baseEach, a as _baseIteratee } from './_baseEach-es.js';
-import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedArray-es.js';
+import { b as isArrayLike_1, j as _baseUnary, a as isArray_1 } from './isTypedArray-es.js';
 import { i as isSymbol_1 } from './isSymbol-es.js';
 import { i as identity_1 } from './identity-es.js';
 import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';

package/dist/utils/meta/meta.json CHANGED Viewed

@@ -69,7 +69,6 @@
     "DataTable.SortableHeader",
     "DataTable.Table",
     "DatePicker",
-    "DescriptionList",
     "Dialog",
     "Dialog.Actions",
     "Dialog.Body",

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "8.25.2",
+  "version": "8.26.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -150,11 +150,6 @@
       "import": "./dist/DatePicker/index.mjs",
       "require": "./dist/DatePicker/index.cjs"
     },
-    "./DescriptionList": {
-      "types": "./dist/DescriptionList/index.d.ts",
-      "import": "./dist/DescriptionList/index.mjs",
-      "require": "./dist/DescriptionList/index.cjs"
-    },
     "./Dialog": {
       "types": "./dist/Dialog/index.d.ts",
       "import": "./dist/Dialog/index.mjs",
@@ -545,5 +540,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "6ad9bdaf20469f010e018c70c5c2a1e4f061dbfe"
+  "gitHead": "f743b743aa382bf927e6f6959e99e0e8d25048dc"
 }

package/DescriptionList.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from "./dist/DescriptionList";

package/DescriptionList.js DELETED Viewed

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true,
-});
-var DescriptionList = require("./dist/DescriptionList");
-Object.keys(DescriptionList).forEach(function(key) {
-  if (key === "default" || key === "__esModule") return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return DescriptionList[key];
-    },
-  });
-});

package/dist/DescriptionList/DescriptionList.d.ts DELETED Viewed

@@ -1,11 +0,0 @@
-import type { ReactNode } from "react";
-import React from "react";
-interface DescriptionListProps {
-    /**
-     * A tuple where the first item is the string to display as the term
-     * and the second value is the string to display as the definition
-     */
-    readonly data: [string, string | ReactNode][];
-}
-export declare function DescriptionList({ data }: DescriptionListProps): React.JSX.Element;
-export {};

package/dist/DescriptionList/index.cjs DELETED Viewed

@@ -1,10 +0,0 @@
-'use strict';
-var DescriptionList = require('../DescriptionList-cjs.js');
-require('react');
-require('../Typography-cjs.js');
-require('classnames');
-exports.DescriptionList = DescriptionList.DescriptionList;

package/dist/DescriptionList/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export { DescriptionList } from "./DescriptionList";

package/dist/DescriptionList/index.mjs DELETED Viewed

@@ -1,4 +0,0 @@
-export { D as DescriptionList } from '../DescriptionList-es.js';
-import 'react';
-import '../Typography-es.js';
-import 'classnames';

package/dist/DescriptionList-cjs.js DELETED Viewed

@@ -1,14 +0,0 @@
-'use strict';
-var React = require('react');
-var Typography = require('./Typography-cjs.js');
-var styles = {"descriptionList":"BkruJ2-bRWg-","termGroup":"tpCvfS7kyDQ-","spinning":"pkFPHChT5OI-"};
-function DescriptionList({ data }) {
-    return (React.createElement("dl", { className: styles.descriptionList }, data.map(([term, description], i) => (React.createElement("div", { key: `${term}-${i}`, className: styles.termGroup },
-        React.createElement(Typography.Typography, { element: "dt", textColor: "heading", size: "base" }, term),
-        React.createElement(Typography.Typography, { element: "dd", textColor: "text", size: "base" }, description))))));
-}
-exports.DescriptionList = DescriptionList;

package/dist/DescriptionList-es.js DELETED Viewed

@@ -1,12 +0,0 @@
-import React__default from 'react';
-import { T as Typography } from './Typography-es.js';
-var styles = {"descriptionList":"BkruJ2-bRWg-","termGroup":"tpCvfS7kyDQ-","spinning":"pkFPHChT5OI-"};
-function DescriptionList({ data }) {
-    return (React__default.createElement("dl", { className: styles.descriptionList }, data.map(([term, description], i) => (React__default.createElement("div", { key: `${term}-${i}`, className: styles.termGroup },
-        React__default.createElement(Typography, { element: "dt", textColor: "heading", size: "base" }, term),
-        React__default.createElement(Typography, { element: "dd", textColor: "text", size: "base" }, description))))));
-}
-export { DescriptionList as D };

package/dist/docs/DescriptionList/DescriptionList.md DELETED Viewed

@@ -1,25 +0,0 @@
-# Description List
-Description Lists are used to display a list of terms and descriptions.
-## Design & usage guidelines
-The Description List is a great solution when you have a small list of
-information with a 1:1 label-to-data relationship. For example, the issued and
-due dates on an invoice, or the job type, billing type and duration of a job.
-## Related components
-* To list more complex collections of related information, consider using a
-  [List](../List/List.md).
-* To display structured data for comparison, consider using a
-  [Table](../Table/Table.md).
-## Props
-### Web
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `data` | `[string, ReactNode][]` | Yes | — | A tuple where the first item is the string to display as the term and the second value is the string to display as th... |

package/dist/updateTheme-cjs.js DELETED Viewed

@@ -1,20 +0,0 @@
-'use strict';
-var AtlantisThemeContext = require('./AtlantisThemeContext-cjs.js');
-/**
- * Toggle the theme of the application. If subscribed, the tokens will be updated accordingly.
- * Will add data-theme="<newTheme>" to the <html> element.
- * Will dispatch a custom event "atlantis.toggle-theme" with the new theme for other providers to subscribe to.
- */
-function updateTheme(theme) {
-    if (!globalThis.window)
-        return;
-    const event = new CustomEvent(AtlantisThemeContext.THEME_CHANGE_EVENT, {
-        detail: { theme },
-    });
-    globalThis.document.documentElement.setAttribute("data-theme", theme);
-    globalThis.window.dispatchEvent(event);
-}
-exports.updateTheme = updateTheme;

package/dist/updateTheme-es.js DELETED Viewed

@@ -1,18 +0,0 @@
-import { T as THEME_CHANGE_EVENT } from './AtlantisThemeContext-es.js';
-/**
- * Toggle the theme of the application. If subscribed, the tokens will be updated accordingly.
- * Will add data-theme="<newTheme>" to the <html> element.
- * Will dispatch a custom event "atlantis.toggle-theme" with the new theme for other providers to subscribe to.
- */
-function updateTheme(theme) {
-    if (!globalThis.window)
-        return;
-    const event = new CustomEvent(THEME_CHANGE_EVENT, {
-        detail: { theme },
-    });
-    globalThis.document.documentElement.setAttribute("data-theme", theme);
-    globalThis.window.dispatchEvent(event);
-}
-export { updateTheme as u };