@nordhealth/components 4.11.0 → 4.12.0

package/lib/index.js

@@ -1,2 +1,2 @@
-export{isTranslationRegistered,registerTranslation}from"./translation.js";export{default as Badge}from"./Badge.js";export{default as Button}from"./Button.js";export{default as Card}from"./Card.js";export{default as Input}from"./Input.js";export{default as Icon}from"./Icon.js";export{default as CommandMenu}from"./CommandMenu.js";export{default as CommandMenuAction}from"./CommandMenuAction.js";export{default as Select}from"./Select.js";export{default as Stack}from"./Stack.js";export{default as Spinner}from"./Spinner.js";export{default as Table}from"./Table.js";export{default as VisuallyHidden}from"./VisuallyHidden.js";export{default as Textarea}from"./Textarea.js";export{C as Calendar}from"./Calendar-CYcI340m.js";export{default as DatePicker}from"./DatePicker.js";export{default as Checkbox}from"./Checkbox.js";export{default as Tooltip}from"./Tooltip.js";export{default as Fieldset}from"./Fieldset.js";export{default as Radio}from"./Radio.js";export{default as Header}from"./Header.js";export{default as Message}from"./Message.js";export{default as NavGroup}from"./NavGroup.js";export{default as NavItem}from"./NavItem.js";export{default as Navigation}from"./Navigation.js";export{default as Layout}from"./Layout.js";export{default as EmptyState}from"./EmptyState.js";export{default as Banner}from"./Banner.js";export{default as Avatar}from"./Avatar.js";export{default as ProgressBar}from"./ProgressBar.js";export{P as Popout}from"./Popout-DBLHeeXk.js";export{default as Dropdown}from"./Dropdown.js";export{default as DropdownItem}from"./DropdownItem.js";export{default as DropdownGroup}from"./DropdownGroup.js";export{default as TabGroup}from"./TabGroup.js";export{default as Tab}from"./Tab.js";export{default as TabPanel}from"./TabPanel.js";export{default as Toggle}from"./Toggle.js";export{default as Modal}from"./Modal.js";export{default as Skeleton}from"./Skeleton.js";export{default as Toast}from"./Toast.js";export{default as ToastGroup}from"./ToastGroup.js";export{default as Divider}from"./Divider.js";export{default as Qrcode}from"./Qrcode.js";export{default as Drawer}from"./Drawer.js";export{N as NavToggle}from"./NavToggle-D-udBTou.js";export{default as Range}from"./Range.js";export{default as ButtonGroup}from"./ButtonGroup.js";export{default as Notification}from"./Notification.js";export{default as NotificationGroup}from"./NotificationGroup.js";export{default as TopBar}from"./TopBar.js";export{default as Footer}from"./Footer.js";export{default as Tag}from"./Tag.js";export{default as TagGroup}from"./TagGroup.js";export{default as SegmentedControl}from"./SegmentedControl.js";export{default as SegmentedControlItem}from"./SegmentedControlItem.js";import"lit";import"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";import"./localization5.js";import"./localization6.js";import"./localization7.js";import"./localization8.js";import"./localization9.js";import"./tslib.es6-CmLYFWVC.js";import"lit/decorators.js";import"./Component-DSU3Qp0O.js";import"lit/directives/ref.js";import"./EventController-BBOmvfLa.js";import"./LightDomController-DIwtVelV.js";import"./cond-CI1KbneT.js";import"./FocusableMixin-BlQLNPdJ.js";import"./InputMixin-LetXsCyv.js";import"./SlotController-Z6eG7LSZ.js";import"lit/directives/if-defined.js";import"lit/directives/class-map.js";import"lit/directives/style-map.js";import"./FormAssociatedMixin-DFL7yabe.js";import"./FormDataController-OUt5L5uC.js";import"./events-Bv6wNHwJ.js";import"./TextField-C5gYzfOp.js";import"./AutocompleteMixin-D8eiOxvO.js";import"./TextSelectableMixin-Cfv__lHS.js";import"./SizeMixin-CU9cLbLC.js";import"./FormField-CUC_H-0e.js";import"./DirectionController-ChvNGESZ.js";import"lit/directives/unsafe-html.js";import"./IconManager.js";import"./observe-D0n0zOfU.js";import"lit/directives/repeat.js";import"./collection-Dvg2XbxV.js";import"./number-Dg2vCfGd.js";import"./LightDismissController-4pH8cdko.js";import"./ShortcutController-BIb3WGzH.js";import"./tinykeys.module-_6MZt7MP.js";import"./KeyboardController.js";import"./SelectEvent.js";import"./LocalizeController.js";import"./dates-lbaNvUdr.js";import"./DateSelectEvent.js";import"./interface-close-small-CnpAFMO3.js";import"./date-adapter.js";import"./interface-checked-small-BtICPEsp.js";import"./positioning-CsfLhMSW.js";import"./fsm-Bq5jMQrK.js";import"./LightSlotController-Coyy4nqS.js";import"./DropdownItem-BheCmR9u.js";import"./Sticky-DqnqENYN.js";import"./ScrollbarController-C5CMxfb3.js";import"./ModalController.js";import"./NotificationMixin-DOUQsx7N.js";
+export{isTranslationRegistered,registerTranslation}from"./translation.js";export{default as Badge}from"./Badge.js";export{default as Button}from"./Button.js";export{default as Card}from"./Card.js";export{default as Input}from"./Input.js";export{default as Icon}from"./Icon.js";export{default as CommandMenu}from"./CommandMenu.js";export{default as CommandMenuAction}from"./CommandMenuAction.js";export{default as Select}from"./Select.js";export{default as Stack}from"./Stack.js";export{default as Spinner}from"./Spinner.js";export{default as Table}from"./Table.js";export{default as VisuallyHidden}from"./VisuallyHidden.js";export{default as Textarea}from"./Textarea.js";export{C as Calendar}from"./Calendar-CYcI340m.js";export{default as DatePicker}from"./DatePicker.js";export{default as Checkbox}from"./Checkbox.js";export{default as Tooltip}from"./Tooltip.js";export{default as Fieldset}from"./Fieldset.js";export{default as Radio}from"./Radio.js";export{default as Header}from"./Header.js";export{default as Message}from"./Message.js";export{default as NavGroup}from"./NavGroup.js";export{default as NavItem}from"./NavItem.js";export{default as Navigation}from"./Navigation.js";export{default as Layout}from"./Layout.js";export{default as EmptyState}from"./EmptyState.js";export{default as Banner}from"./Banner.js";export{default as Avatar}from"./Avatar.js";export{default as Progress}from"./Progress.js";export{default as ProgressBar}from"./ProgressBar.js";export{P as Popout}from"./Popout-DBLHeeXk.js";export{default as Dropdown}from"./Dropdown.js";export{default as DropdownItem}from"./DropdownItem.js";export{default as DropdownGroup}from"./DropdownGroup.js";export{default as TabGroup}from"./TabGroup.js";export{default as Tab}from"./Tab.js";export{default as TabPanel}from"./TabPanel.js";export{default as Toggle}from"./Toggle.js";export{default as Modal}from"./Modal.js";export{default as Skeleton}from"./Skeleton.js";export{default as Toast}from"./Toast.js";export{default as ToastGroup}from"./ToastGroup.js";export{default as Divider}from"./Divider.js";export{default as Qrcode}from"./Qrcode.js";export{default as Drawer}from"./Drawer.js";export{N as NavToggle}from"./NavToggle-D-udBTou.js";export{default as Range}from"./Range.js";export{default as ButtonGroup}from"./ButtonGroup.js";export{default as Notification}from"./Notification.js";export{default as NotificationGroup}from"./NotificationGroup.js";export{default as TopBar}from"./TopBar.js";export{default as Footer}from"./Footer.js";export{default as Tag}from"./Tag.js";export{default as TagGroup}from"./TagGroup.js";export{default as SegmentedControl}from"./SegmentedControl.js";export{default as SegmentedControlItem}from"./SegmentedControlItem.js";import"lit";import"./en-us.js";import"./localization.js";import"./localization2.js";import"./localization3.js";import"./localization4.js";import"./localization5.js";import"./localization6.js";import"./localization7.js";import"./localization8.js";import"./localization9.js";import"./tslib.es6-CmLYFWVC.js";import"lit/decorators.js";import"./Component-DSU3Qp0O.js";import"lit/directives/ref.js";import"./EventController-BBOmvfLa.js";import"./LightDomController-DIwtVelV.js";import"./cond-CI1KbneT.js";import"./FocusableMixin-BlQLNPdJ.js";import"./InputMixin-LetXsCyv.js";import"./SlotController-Z6eG7LSZ.js";import"lit/directives/if-defined.js";import"lit/directives/class-map.js";import"lit/directives/style-map.js";import"./FormAssociatedMixin-DFL7yabe.js";import"./FormDataController-OUt5L5uC.js";import"./events-Bv6wNHwJ.js";import"./TextField-C5gYzfOp.js";import"./AutocompleteMixin-D8eiOxvO.js";import"./TextSelectableMixin-Cfv__lHS.js";import"./SizeMixin-CU9cLbLC.js";import"./FormField-CUC_H-0e.js";import"./DirectionController-ChvNGESZ.js";import"lit/directives/unsafe-html.js";import"./IconManager.js";import"./observe-D0n0zOfU.js";import"lit/directives/repeat.js";import"./collection-Dvg2XbxV.js";import"./number-Dg2vCfGd.js";import"./LightDismissController-4pH8cdko.js";import"./ShortcutController-BIb3WGzH.js";import"./tinykeys.module-_6MZt7MP.js";import"./KeyboardController.js";import"./SelectEvent.js";import"./LocalizeController.js";import"./dates-lbaNvUdr.js";import"./DateSelectEvent.js";import"./interface-close-small-CnpAFMO3.js";import"./date-adapter.js";import"./interface-checked-small-BtICPEsp.js";import"./positioning-CsfLhMSW.js";import"./fsm-Bq5jMQrK.js";import"./LightSlotController-Coyy4nqS.js";import"./DropdownItem-BheCmR9u.js";import"./Sticky-DqnqENYN.js";import"./ScrollbarController-C5CMxfb3.js";import"./ModalController.js";import"./NotificationMixin-DOUQsx7N.js";
 //# sourceMappingURL=index.js.map

package/lib/react.d.ts

@@ -316,6 +316,11 @@ declare module "react" {
           onopen?: (event: Event) => void
         }
 
+      "nord-progress": WCProps<Components.Progress> &
+        React.RefAttributes<Components.Progress> &
+        React.HTMLAttributes<HTMLElement> &
+        React.Attributes & {}
+
       "nord-progress-bar": WCProps<Components.ProgressBar> &
         React.RefAttributes<Components.ProgressBar> &
         React.HTMLAttributes<HTMLElement> &

package/lib/src/index.d.ts

@@ -28,6 +28,7 @@ export { default as Layout } from "./layout/Layout.js";
 export { default as EmptyState } from "./empty-state/EmptyState.js";
 export { default as Banner } from "./banner/Banner.js";
 export { default as Avatar } from "./avatar/Avatar.js";
+export { default as Progress } from "./progress/Progress.js";
 export { default as ProgressBar } from "./progress-bar/ProgressBar.js";
 export { default as Popout } from "./popout/Popout.js";
 export { default as Dropdown } from "./dropdown/Dropdown.js";

package/lib/src/progress/Progress.d.ts

@@ -0,0 +1,68 @@
+import { LitElement } from "lit";
+/**
+ * Progress component is used to display a circular pie-chart style progress indicator.
+ * You can customize the size and color of the progress indicator with the
+ * provided properties.
+ *
+ * @status ready
+ * @category feedback
+ * @cssprop [--n-progress-color=var(--n-color-accent)] - Controls the color of the progress indicator.
+ */
+export default class Progress extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * The size of the progress indicator.
+     */
+    size: "xs" | "s" | "m" | "l" | "xl" | "xxl";
+    /**
+     * The color of the progress indicator.
+     * Can accept any valid CSS color value, including custom properties.
+     * Takes precedence over the `--n-progress-color` CSS custom property.
+     */
+    color?: string;
+    /**
+     * An accessible label for the progress indicator.
+     * If no label is supplied, the component is hidden from assistive technology.
+     */
+    label?: string;
+    /**
+     * The progress percentage value.
+     */
+    progress: number;
+    /**
+     * Internal state for the animated progress value.
+     */
+    private _animatedProgress;
+    /**
+     * Animation frame ID for cleanup.
+     */
+    private _animationId;
+    /**
+     * Target progress for animation.
+     */
+    private _targetProgress;
+    /**
+     * Unique ID for this component instance, used for SVG clipPath.
+     */
+    private _instanceId;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _animate;
+    private get _clampedProgress();
+    /**
+     * Check if the color is a semantic value handled by CSS.
+     */
+    private get _isSemanticColor();
+    /**
+     * Get the custom color style if not a semantic value.
+     */
+    private get _customColorStyle();
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "nord-progress": Progress;
+    }
+}

package/lib/src/progress/Progress.test.d.ts

@@ -0,0 +1 @@
+import "../stack/Stack.js";

package/lib/vue.d.ts

@@ -243,6 +243,8 @@ interface NordComponents {
     }
   >
 
+  "nord-progress": DefineComponent<WCProps<Components.Progress> & {}>
+
   "nord-progress-bar": DefineComponent<WCProps<Components.ProgressBar> & {}>
 
   "nord-qrcode": DefineComponent<WCProps<Components.Qrcode> & {}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nordhealth/components",
-  "version": "4.11.0",
+  "version": "4.12.0",
   "description": "This package includes Nord Design System Web Components",
   "author": "Nordhealth <support@nordhealth.design>",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
-    "@nordhealth/icons": "^3.13.0",
+    "@nordhealth/icons": "^3.14.0",
     "lit": "^3.3.0",
     "qr": "^0.4.2",
     "tinykeys": "^1.4.0"
@@ -179,5 +179,5 @@
       }
     ]
   },
-  "gitHead": "7b03dd2a87fd5d38211f2511da1ac5d7cf854282"
+  "gitHead": "ecb0865582cd0d0a1a97960ac988e330a36896b8"
 }