@design-system-rte/core 1.2.2-rc1 → 1.2.2-rc2

package/{components → dist/components}/button/icon-button/icon-button.interface.d.ts

@@ -1,14 +1,12 @@
-export interface IconButtonProps {
+import { BadgeHolderProps } from "../../badge/badge.interface";
+
+export interface IconButtonProps extends BadgeHolderProps {
   variant?: import("../common/common-button").ButtonVariant;
   size?: import("../common/common-button").ButtonSize;
   compactSpacing?: boolean;
   disabled?: boolean;
   name: string;
   appearance?: "outlined" | "filled";
-  badgeContent?: import("../../badge/badge.interface").BadgeContent;
-  badgeCount?: import("../../badge/badge.interface").BadgeCount;
-  badgeType?: import("../../badge/badge.interface").BadgeType;
-  badgeIcon?: import("../../badge/badge.interface").BadgeProps["icon"];
 }
 
 export interface IconButtonToggleProps extends Omit<IconButtonProps, "appearance"> {

package/{components → dist/components}/button/index.d.ts

@@ -1,5 +1,5 @@
 export type * from "./button.interface";
-export * from "./common/common-button";
+export type * from "./common/common-button";
 export * from "./common/common-button.constants";
 export type * from "./icon-button/icon-button.interface";
 //# sourceMappingURL=index.d.ts.map

package/{components → dist/components}/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/button/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,oBAAoB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,mBAAmB,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/button/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,oBAAoB,CAAC;AACxC,mBAAmB,wBAAwB,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,mBAAmB,qCAAqC,CAAC"}

package/{components → dist/components}/button/index.js

@@ -1,2 +1 @@
-export * from "./common/common-button";
 export * from "./common/common-button.constants";

package/{components → dist/components}/common/common-types.d.ts

@@ -2,4 +2,6 @@ export type Position = "auto" | "top" | "bottom" | "left" | "right";
 export type Alignment = "start" | "center" | "end";
 export type Direction = "horizontal" | "vertical";
 export type Size = "xs" | "s" | "m" | "l" | "xl";
+export type Mode = "light" | "dark";
+export type Theme = "bleu_iceberg" | "vert_foret" | "violet";
 //# sourceMappingURL=common-types.d.ts.map

package/{components → dist/components}/common/common-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common-types.d.ts","sourceRoot":"","sources":["../../../components/common/common-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACpE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnD,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;AAClD,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC"}
+{"version":3,"file":"common-types.d.ts","sourceRoot":"","sources":["../../../components/common/common-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACpE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnD,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,UAAU,CAAC;AAClD,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AACjD,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,MAAM,CAAC;AACpC,MAAM,MAAM,KAAK,GAAG,cAAc,GAAG,YAAY,GAAG,QAAQ,CAAC"}

package/{components → dist/components}/modal/modal.interface.d.ts

@@ -6,5 +6,5 @@ export interface ModalProps {
   icon?: string;
   iconAppearance?: "outlined" | "filled";
   description?: string;
-  size?: import("./common/common-types").Size;
+  size?: import("../common/common-types").Size;
 }

package/dist/components/stepper/stepper.interface.d.ts

@@ -0,0 +1,27 @@
+import { Direction } from "../common/common-types";
+
+export type STEP_COMPLETION_STATE = "unvisited" | "incomplete" | "complete";
+
+export interface Step {
+  id: string;
+  name: string;
+  completionState: STEP_COMPLETION_STATE;
+  clickableCompleteStep?: boolean;
+  onClick?: () => void;
+}
+
+export interface StepperProps {
+  steps: Step[];
+  orientation?: Direction;
+}
+
+export interface StepperItemProps {
+  id: string;
+  number?: number;
+  name?: string;
+  completionState: STEP_COMPLETION_STATE;
+  orientation?: Direction;
+  clickableCompleteStep?: boolean;
+  onClick?: () => void;
+  isActive?: boolean;
+}

package/dist/components/stepper/stepper.utils.d.ts

@@ -0,0 +1,9 @@
+export declare const focusNextStepElement: (currentFocusSteppedIndex: number, allSteps: HTMLElement[]) => void;
+export declare const focusPreviousStepElement: (currentFocusSteppedIndex: number, allSteps: HTMLElement[]) => void;
+export declare const focusNextNotStepElement: (classCriteria: string, parent: HTMLElement) => void;
+export declare const focusPreviousNotStepElement: (classCriteria: string, parent: HTMLElement) => void;
+export declare const isStepClickable: (stepConfig: {
+    completionState: string;
+    clickableCompleteStep: boolean;
+}) => boolean;
+//# sourceMappingURL=stepper.utils.d.ts.map

package/dist/components/stepper/stepper.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.utils.d.ts","sourceRoot":"","sources":["../../../components/stepper/stepper.utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,GAAI,0BAA0B,MAAM,EAAE,UAAU,WAAW,EAAE,SAW7F,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,0BAA0B,MAAM,EAAE,UAAU,WAAW,EAAE,SAYjG,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,eAAe,MAAM,EAAE,QAAQ,WAAW,SAoBjF,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,eAAe,MAAM,EAAE,QAAQ,WAAW,SAoBrF,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,YAAY;IAAE,eAAe,EAAE,MAAM,CAAC;IAAC,qBAAqB,EAAE,OAAO,CAAA;CAAE,YAOtG,CAAC"}

package/dist/components/stepper/stepper.utils.js

@@ -0,0 +1,71 @@
+import { FOCUSABLE_ELEMENTS_QUERY } from "@design-system-rte/core/constants/dom/dom.constants";
+export const focusNextStepElement = (currentFocusSteppedIndex, allSteps) => {
+    let nextIndex = currentFocusSteppedIndex === allSteps.length - 1 ? 0 : currentFocusSteppedIndex + 1;
+    while (allSteps[nextIndex]?.getAttribute("aria-disabled") === "true") {
+        if (nextIndex === allSteps.length - 1) {
+            nextIndex = 0;
+        }
+        else {
+            nextIndex++;
+        }
+    }
+    allSteps[nextIndex].focus();
+};
+export const focusPreviousStepElement = (currentFocusSteppedIndex, allSteps) => {
+    let previousIndex = currentFocusSteppedIndex === 0 ? allSteps.length - 1 : currentFocusSteppedIndex - 1;
+    while (allSteps[previousIndex]?.getAttribute("aria-disabled") === "true") {
+        if (previousIndex === 0) {
+            previousIndex = allSteps.length - 1;
+        }
+        else {
+            previousIndex--;
+        }
+    }
+    allSteps[previousIndex].focus();
+};
+export const focusNextNotStepElement = (classCriteria, parent) => {
+    const currentActiveSegmentElement = document.activeElement;
+    const allFocusableElement = Array.from(document.querySelectorAll(FOCUSABLE_ELEMENTS_QUERY));
+    const currentActiveSegmentElementIndex = Array.from(allFocusableElement).indexOf(currentActiveSegmentElement);
+    let nextIndex = currentActiveSegmentElementIndex === allFocusableElement.length - 1 ? 0 : currentActiveSegmentElementIndex + 1;
+    while (allFocusableElement[nextIndex]?.classList.contains(classCriteria)) {
+        if (parent?.contains(allFocusableElement[nextIndex])) {
+            if (nextIndex === allFocusableElement.length - 1) {
+                nextIndex = 0;
+            }
+            else {
+                nextIndex++;
+            }
+        }
+        else {
+            break;
+        }
+    }
+    allFocusableElement[nextIndex].focus();
+};
+export const focusPreviousNotStepElement = (classCriteria, parent) => {
+    const currentActiveSegmentElement = document.activeElement;
+    const allFocusableElement = Array.from(document.querySelectorAll(FOCUSABLE_ELEMENTS_QUERY));
+    const currentActiveSegmentElementIndex = Array.from(allFocusableElement).indexOf(currentActiveSegmentElement);
+    let previousIndex = currentActiveSegmentElementIndex === 0 ? allFocusableElement.length - 1 : currentActiveSegmentElementIndex - 1;
+    while (allFocusableElement[previousIndex]?.classList.contains(classCriteria)) {
+        if (parent?.contains(allFocusableElement[previousIndex])) {
+            if (previousIndex === 0) {
+                previousIndex = allFocusableElement.length - 1;
+            }
+            else {
+                previousIndex--;
+            }
+        }
+        else {
+            break;
+        }
+    }
+    allFocusableElement[previousIndex].focus();
+};
+export const isStepClickable = (stepConfig) => {
+    const { completionState, clickableCompleteStep } = stepConfig;
+    return ((completionState === "complete" && clickableCompleteStep) ||
+        completionState === "unvisited" ||
+        completionState === "incomplete");
+};

package/{components → dist/components}/text-input/text-input.interface.d.ts

@@ -10,7 +10,7 @@ export interface BaseTextInputProps {
   showCounter?: boolean;
   value?: string;
   defaultValue?: string;
-  leftIcon?: RegularIconIdKey | TogglableIconIdKey;
+  leftIcon?: string;
   showRightIcon?: boolean;
   rightIconAction?: RightIconAction;
   rightIconSize?: import("../button/common/common-button").ButtonSize;

package/dist/components/tooltip/tooltip.interface.d.ts

@@ -0,0 +1,7 @@
+export interface TooltipProps {
+  position?: import("../common/common-types").Position;
+  alignment?: import("../common/common-types").Alignment;
+  label?: string;
+  arrow?: boolean;
+  gap?: number;
+}

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC"}

package/dist/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@design-system-rte/core",
+  "version": "1.2.2-rc2",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "files": [
+    "common",
+    "components",
+    "constants",
+    "index.js",
+    "index.d.ts",
+    "design-tokens",
+    "assets",
+    "css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./index.js"
+    },
+    "./design-tokens/*": "./design-tokens/*",
+    "./assets/*": "./assets/*",
+    "./css/*": "./css/*",
+    "./*": {
+      "types": "./*.d.ts",
+      "default": "./*.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "Apache-2.0",
+  "description": "Design Tokens, interfaces and utilities for the Design System RTE",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "sass": "^1.85.1"
+  }
+}

package/package.json

@@ -1,32 +1,28 @@
 {
   "name": "@design-system-rte/core",
-  "version": "1.2.2-rc1",
-  "main": "index.js",
-  "types": "index.d.ts",
-  "files": [
-    "common",
-    "components",
-    "constants",
-    "index.js",
-    "index.d.ts",
-    "design-tokens",
-    "assets",
-    "css"
-  ],
+  "version": "1.2.2-rc2",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist"],
   "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "default": "./index.js"
-    },
-    "./design-tokens/*": "./design-tokens/*",
-    "./assets/*": "./assets/*",
-    "./css/*": "./css/*",
-    "./*": {
-      "types": "./*.d.ts",
-      "default": "./*.js"
-    },
+    ".": { "types": "./dist/index.d.ts", "default": "./dist/index.js" },
+    "./design-tokens/*": "./dist/design-tokens/*",
+    "./assets/*": "./dist/assets/*",
+    "./css/*": "./dist/css/*",
+    "./*": { "types": "./dist/*.d.ts", "default": "./dist/*.js" },
     "./package.json": "./package.json"
   },
+  "scripts": {
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test": "vitest run",
+    "build": "npm run build:css-themes && npm run build:css-fonts && npm run bundle:core",
+    "build:css-themes": "ts-node css-theme-generator.ts",
+    "build:css-fonts": "ts-node css-font-generator.ts",
+    "bundle:core": "ts-node scripts/bundle-core.ts",
+    "generate:tokens": "ts-node ./scripts/design-tokens/generator.ts",
+    "prepublishOnly": "npm run build"
+  },
   "keywords": [],
   "author": "",
   "license": "Apache-2.0",
@@ -36,5 +32,11 @@
   },
   "peerDependencies": {
     "sass": "^1.85.1"
+  },
+  "devDependencies": {
+    "sass": "^1.89.0",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.8.3",
+    "vitest": "^3.2.4"
   }
 }

package/components/tooltip/tooltip.interface.d.ts

@@ -1,7 +0,0 @@
-export interface TooltipProps {
-  position?: import("../../common-types").Position;
-  alignment?: import("../../common-types").Alignment;
-  label?: string;
-  arrow?: boolean;
-  gap?: number;
-}