@pexip/components 19.3.0 → 20.1.0

package/dist/types/src/hooks/useLogo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLogo.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useLogo.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAQ9C,eAAO,MAAM,OAAO,aAAc,QAAQ;;;;;CAuBxB,CAAC"}
+{"version":3,"file":"useLogo.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useLogo.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAQ9C,eAAO,MAAM,OAAO,GAAI,UAAU,QAAQ;;;;;CAuBxB,CAAC"}

package/dist/types/src/hooks/useModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useModal.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,WAAY,OAAO;;;CAKvC,CAAC"}
+{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useModal.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,GAAI,QAAQ,OAAO;;;CAKvC,CAAC"}

package/dist/types/src/hooks/useModalWithoutPreventScroll.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Alternative to `useModal` that does not use `useModalOverlay`.
+ *
+ * Provides modal behavior (focus trapping, outside interaction blocking, dismiss handling)
+ * without preventing scroll. This is useful on mobile Safari where `usePreventScroll` (used in implementation of useModalOverlay)
+ * causes the virtual keyboard to cover focused inputs.
+ */
+export declare const useModalWithoutPreventScroll: (isOpen: boolean) => {
+    ref: import("react").RefObject<HTMLDivElement | null>;
+    modalProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
+};
+//# sourceMappingURL=useModalWithoutPreventScroll.d.ts.map

package/dist/types/src/hooks/useModalWithoutPreventScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalWithoutPreventScroll.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useModalWithoutPreventScroll.ts"],"names":[],"mappings":"AAQA;;;;;;GAMG;AACH,eAAO,MAAM,4BAA4B,GAAI,QAAQ,OAAO;;;CAc3D,CAAC"}

package/dist/types/src/hooks/useOutOfViewNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOutOfViewNavigation.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useOutOfViewNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,eAAO,MAAM,sBAAsB,+DAMhC;IACC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;;qBAEmD,IAAI;sBAGF,IAAI;;CA4HzD,CAAC"}
+{"version":3,"file":"useOutOfViewNavigation.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useOutOfViewNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,eAAO,MAAM,sBAAsB,GAAI,4DAMpC;IACC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;;qBAEmD,IAAI;sBAGF,IAAI;;CA4HzD,CAAC"}

package/dist/types/src/hooks/useScrollIntoView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollIntoView.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useScrollIntoView.ts"],"names":[],"mappings":"AAEA,KAAK,qBAAqB,GAAG;IACzB,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC9C,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,iBAAiB,YACjB,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,YACnC;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;CAC1D,eAsBJ,CAAC"}
+{"version":3,"file":"useScrollIntoView.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useScrollIntoView.ts"],"names":[],"mappings":"AAEA,KAAK,qBAAqB,GAAG;IACzB,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC9C,MAAM,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC1B,SAAS,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC5C,UAAS;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;CACrD,eAsBT,CAAC"}

package/dist/types/src/themes/ThemeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/themes/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAInD,eAAO,MAAM,WAAW,wCAId,CAAC;AAEX,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,kCAKvB,CAAC;AAEH,eAAO,MAAiB,aAAa,mCAAgB,CAAC;AAEtD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAChC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAe7C,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAC5C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,WAAW,EAAE,WAAW,WAEsB,CAAC,uBAOlD"}
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/themes/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAInD,eAAO,MAAM,WAAW,wCAId,CAAC;AAEX,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,kCAKvB,CAAC;AAEH,eAAO,MAAiB,aAAa,mCAAgB,CAAC;AAEtD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAChC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAe7C,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAC5C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACjC,WAAW,EAAE,WAAW,IAEe,OAAO,CAAC,uBAOlD"}

package/dist/types/src/utils/breakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../../src/utils/breakpoints.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2CAA2C,CAAC;AAM1E,eAAO,MAAM,cAAc,SAAU,UAAU,KAAG,UAAU,GAAG,IAM9D,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,UAAU,KAAG,MAAM,GAAG,IAGzD,CAAC;AASF,eAAO,MAAM,aAAa,SAAU,UAAU,GAAG,IAAI,KAAG,MAAM,GAAG,IAOhE,CAAC;AAEF,eAAO,MAAM,iBAAiB,SAAU,UAAU,KAAG,UAMpD,CAAC;AAEF,eAAO,MAAM,mBAAmB,SAAU,UAAU,GAAG,IAAI,WAM1D,CAAC;AAEF,eAAO,MAAM,sBAAsB,cACpB,UAAU,aACV,UAAU,KACtB,UAWF,CAAC;AAEF,eAAO,MAAM,mBAAmB,SAAU,UAAU,KAAG,UAYtD,CAAC"}
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../../src/utils/breakpoints.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2CAA2C,CAAC;AAM1E,eAAO,MAAM,cAAc,GAAI,MAAM,UAAU,KAAG,UAAU,GAAG,IAM9D,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,UAAU,KAAG,MAAM,GAAG,IAGzD,CAAC;AASF,eAAO,MAAM,aAAa,GAAI,MAAM,UAAU,GAAG,IAAI,KAAG,MAAM,GAAG,IAOhE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,MAAM,UAAU,KAAG,UAMpD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,UAAU,GAAG,IAAI,WAM1D,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAC/B,WAAW,UAAU,EACrB,WAAW,UAAU,KACtB,UAWF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,UAAU,KAAG,UAYtD,CAAC"}

package/dist/types/src/utils/convertNewLinesToBr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"convertNewLinesToBr.d.ts","sourceRoot":"","sources":["../../../../src/utils/convertNewLinesToBr.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,mBAAmB,SACtB,MAAM,UACJ,MAAM,KACf,KAAK,CAAC,SAUR,CAAC"}
+{"version":3,"file":"convertNewLinesToBr.d.ts","sourceRoot":"","sources":["../../../../src/utils/convertNewLinesToBr.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,mBAAmB,GAC5B,MAAM,MAAM,EACZ,QAAQ,MAAM,KACf,KAAK,CAAC,SAUR,CAAC"}

package/dist/types/src/utils/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/utils/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AAEzD,eAAO,MAAM,aAAa,MAAO,oBAAoB,KAE3C,gBAAgB,GAChB,cAAc,GACd,eAAe,GACf,aAAa,GACb,cAAc,CAAC;AAEzB,eAAO,MAAM,aAAa,MAAO,oBAAoB,KAE3C,gBAAgB,GAChB,cAAc,GACd,eAAe,GACf,aAAa,GACb,cAAc,CAAC;AAEzB,eAAO,MAAM,mBAAmB,QACvB,MAAM,UACH,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAWxB,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/utils/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AAEzD,eAAO,MAAM,aAAa,GAAI,GAAG,oBAAoB,KAE3C,gBAAgB,GAChB,cAAc,GACd,eAAe,GACf,aAAa,GACb,cAAc,CAAC;AAEzB,eAAO,MAAM,aAAa,GAAI,GAAG,oBAAoB,KAE3C,gBAAgB,GAChB,cAAc,GACd,eAAe,GACf,aAAa,GACb,cAAc,CAAC;AAEzB,eAAO,MAAM,mBAAmB,GAC5B,KAAK,MAAM,EACX,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAWxB,CAAC"}

package/dist/types/src/utils/imageSrc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"imageSrc.d.ts","sourceRoot":"","sources":["../../../../src/utils/imageSrc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2CAA2C,CAAC;AAE1E,OAAO,KAAK,EACR,kBAAkB,EAClB,kBAAkB,EAClB,QAAQ,EACR,MAAM,EACT,MAAM,iBAAiB,CAAC;AAEzB,eAAO,MAAM,gBAAgB,aACf,QAAQ,GAAG,SAAS,KAC/B,QAAQ,IAAI,MAAsC,CAAC;AAEtD,eAAO,MAAM,gBAAgB,aACf,QAAQ,GAAG,SAAS,KAC/B,QAAQ,IAAI,MAAsC,CAAC;AAEtD,eAAO,MAAM,eAAe,aAAc,QAAQ,GAAG,SAAS,YAU7D,CAAC;AAEF,eAAO,MAAM,qBAAqB,aAAc,MAAM,WAarD,CAAC;AAEF,eAAO,MAAM,uBAAuB,uBACZ,kBAAkB,GAAG,SAAS,KACnD,kBAAkB,IAAI,MAAgD,CAAC;AAE1E,eAAO,MAAM,sCAAsC,uBAC3B,kBAAkB,GAAG,SAAS,KACnD,kBAAkB,IAAI,kBACiB,CAAC;AAE3C,eAAO,MAAM,yBAAyB,uBACd,kBAAkB,GAAG,SAAS,YAWrD,CAAC;AAEF,eAAO,MAAM,4BAA4B,WAAY,MAAM,uBAQ1D,CAAC;AAEF,eAAO,MAAM,sCAAsC,WACvC,MAAM,KACf,MAAM,GAAG,IAKX,CAAC;AAEF,eAAO,MAAM,kDAAkD,uBACvC,kBAAkB,KACvC,MAAM,GAAG,IASX,CAAC;AAEF,eAAO,MAAM,2BAA2B,uBAChB,kBAAkB,8DAoBzC,CAAC;AAEF,KAAK,iCAAiC,GAAG,KAAK,UAAU,mBAAmB,CAAC;AAE5E,eAAO,MAAM,oDAAoD,uBACzC,kBAAkB,KACvC,OAAO,CAAC,MAAM,CAAC,iCAAiC,EAAE,MAAM,CAAC,CAc3D,CAAC"}
+{"version":3,"file":"imageSrc.d.ts","sourceRoot":"","sources":["../../../../src/utils/imageSrc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2CAA2C,CAAC;AAE1E,OAAO,KAAK,EACR,kBAAkB,EAClB,kBAAkB,EAClB,QAAQ,EACR,MAAM,EACT,MAAM,iBAAiB,CAAC;AAEzB,eAAO,MAAM,gBAAgB,GACzB,UAAU,QAAQ,GAAG,SAAS,KAC/B,QAAQ,IAAI,MAAsC,CAAC;AAEtD,eAAO,MAAM,gBAAgB,GACzB,UAAU,QAAQ,GAAG,SAAS,KAC/B,QAAQ,IAAI,MAAsC,CAAC;AAEtD,eAAO,MAAM,eAAe,GAAI,UAAU,QAAQ,GAAG,SAAS,YAU7D,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,UAAU,MAAM,WAarD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAChC,oBAAoB,kBAAkB,GAAG,SAAS,KACnD,kBAAkB,IAAI,MAAgD,CAAC;AAE1E,eAAO,MAAM,sCAAsC,GAC/C,oBAAoB,kBAAkB,GAAG,SAAS,KACnD,kBAAkB,IAAI,kBACiB,CAAC;AAE3C,eAAO,MAAM,yBAAyB,GAClC,oBAAoB,kBAAkB,GAAG,SAAS,YAWrD,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,QAAQ,MAAM,uBAQ1D,CAAC;AAEF,eAAO,MAAM,sCAAsC,GAC/C,QAAQ,MAAM,KACf,MAAM,GAAG,IAKX,CAAC;AAEF,eAAO,MAAM,kDAAkD,GAC3D,oBAAoB,kBAAkB,KACvC,MAAM,GAAG,IASX,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACpC,oBAAoB,kBAAkB,8DAoBzC,CAAC;AAEF,KAAK,iCAAiC,GAAG,KAAK,UAAU,mBAAmB,CAAC;AAE5E,eAAO,MAAM,oDAAoD,GAC7D,oBAAoB,kBAAkB,KACvC,OAAO,CAAC,MAAM,CAAC,iCAAiC,EAAE,MAAM,CAAC,CAc3D,CAAC"}

package/dist/types/src/utils/onEnter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"onEnter.d.ts","sourceRoot":"","sources":["../../../../src/utils/onEnter.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,GACf,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,YACxD,CAAC,SAEX,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAIzB,CAAC"}
+{"version":3,"file":"onEnter.d.ts","sourceRoot":"","sources":["../../../../src/utils/onEnter.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,GACf,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAClE,UAAU,CAAC,MAEd,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAIzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pexip/components",
-  "version": "19.3.0",
+  "version": "20.1.0",
   "homepage": "https://developer.pexip.com",
   "bugs": "https://gitlab.com/pexip/zoo/issues",
   "repository": {
@@ -25,15 +25,22 @@
     },
     "./design-tokens/*": "./design-tokens/*",
     "./src/utils/testIds": "./src/utils/testIds.ts",
-    "./*.css": "./*.css"
+    "./*.css": {
+      "types": "./@types/css.d.ts",
+      "import": "./*.css"
+    }
   },
   "directories": {
     "doc": "/api-docs"
   },
   "files": [
     "/dist",
+    "/@types",
     "/api-docs",
     "/design-tokens",
+    "!/design-tokens/generated",
+    "!/design-tokens/base",
+    "!/design-tokens/build-scripts",
     "/src/fonts.css",
     "/src/assets/fonts/*"
   ],
@@ -62,9 +69,9 @@
     "docs": "typedoc"
   },
   "dependencies": {
-    "@pexip/hooks": "21.0.6",
-    "@pexip/signal": "16.9.4",
-    "@pexip/utils": "17.2.0",
+    "@pexip/hooks": "21.0.8",
+    "@pexip/signal": "16.9.5",
+    "@pexip/utils": "17.4.0",
     "@react-aria/button": "^3.14.1",
     "@react-aria/interactions": "^3.25.5",
     "@react-aria/menu": "^3.19.1",
@@ -84,19 +91,19 @@
     "simplebar-react": "^3.2.3",
     "tabbable": "^6.0.0",
     "tslib": "^2.3.0",
-    "uuid": "^11.0.0"
+    "uuid": "^14.0.0"
   },
   "devDependencies": {
     "@mdx-js/react": "^1.6.22",
-    "@pexip/bundler": "18.2.0",
+    "@pexip/bundler": "18.2.1",
     "@react-types/button": "^3.9.2",
     "@react-types/menu": "^3.9.7",
     "@react-types/shared": "^3.22.1",
-    "@storybook/addon-actions": "^8.6.15",
-    "@storybook/addon-docs": "^8.6.15",
-    "@storybook/blocks": "^8.6.15",
-    "@storybook/react": "^8.6.15",
-    "@swc/core": "^1.10.12",
+    "@storybook/addon-actions": "^8.6.18",
+    "@storybook/addon-docs": "^8.6.18",
+    "@storybook/blocks": "^8.6.18",
+    "@storybook/react": "^8.6.18",
+    "@swc/core": "^1.15.33",
     "@swc/jest": "^0.2.39",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.5",
@@ -120,11 +127,11 @@
     "prettier": "^3.2.5",
     "react": "19.2.3",
     "react-dom": "19.2.3",
-    "storybook": "^8.6.15",
+    "storybook": "^8.6.18",
     "svgo": "^3.2.0",
-    "typedoc": "^0.28.15",
-    "typedoc-plugin-markdown": "^4.9.0",
-    "typescript": "~5.7.3"
+    "typedoc": "^0.28.18",
+    "typedoc-plugin-markdown": "^4.11.0",
+    "typescript": "~6.0.2"
   },
   "peerDependencies": {
     "react": "^19.2.3"

package/design-tokens/base/all-sizes.variables.scss

@@ -1,15 +0,0 @@
-$all-sizes: (
-    size-0: 0,
-    size-1: 6px,
-    size-2: 8px,
-    size-3: 12px,
-    size-4: 16px,
-    size-5: 24px,
-    size-6: 30px,
-    size-7: 32px,
-    size-8: 36px,
-    size-9: 40px,
-    size-10: 48px,
-    size-11: 56px,
-    size-12: 64px,
-);

package/design-tokens/base/alphas.variables.scss

@@ -1,7 +0,0 @@
-$alpha-10: 0.1;
-$alpha-20: 0.2;
-$alpha-30: 0.3;
-$alpha-40: 0.4;
-$alpha-60: 0.6;
-$alpha-80: 0.8;
-$alpha-90: 0.9;

package/design-tokens/base/border-radius.variables.scss

@@ -1,8 +0,0 @@
-$border-radius: (
-    'square': 0%,
-    'round': 50%,
-    'small-box': 4px,
-    'box': 8px,
-    'medium-box': 16px,
-    'pill': 36px,
-);

package/design-tokens/base/circle-sizes.variables.scss

@@ -1,8 +0,0 @@
-$circle-sizes: (
-    circle-compact: 24px,
-    circle-small: 30px,
-    circle-medium: 56px,
-    circle-large: 96px,
-);
-
-$user-avatar-sizes: ('compact', 'small', 'medium', 'large');

package/design-tokens/base/font-family.variables.scss

@@ -1,13 +0,0 @@
-$font-inter:
-    Inter,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    'Roboto',
-    'Oxygen',
-    'Ubuntu',
-    'Cantarell',
-    'Fira Sans',
-    'Droid Sans',
-    'Helvetica Neue',
-    sans-serif;

package/design-tokens/base/palette.variables.scss

@@ -1,59 +0,0 @@
-$primary-color-100: color-hex('deep-blue-100');
-$primary-color-200: color-hex('deep-blue-90');
-$primary-color-300: color-hex('deep-blue-80');
-$primary-color-400: color-hex('deep-blue-60');
-$primary-color-500: color-hex('deep-blue-50');
-$primary-color-600: color-hex('deep-blue-40');
-$primary-color-700: color-hex('deep-blue-30');
-$primary-color-800: color-hex('deep-blue-20');
-$primary-color-900: color-hex('deep-blue-10');
-$primary-color-1000: color-hex('white');
-
-$secondary-color-100: color-hex('white');
-$secondary-color-200: color-hex('deep-blue-10');
-$secondary-color-300: color-hex('deep-blue-20');
-$secondary-color-400: color-hex('deep-blue-30');
-$secondary-color-500: color-hex('deep-blue-40');
-$secondary-color-600: color-hex('deep-blue-50');
-$secondary-color-700: color-hex('deep-blue-60');
-$secondary-color-800: color-hex('deep-blue-80');
-$secondary-color-900: color-hex('deep-blue-90');
-$secondary-color-1000: color-hex('deep-blue-100');
-
-$bordered-color-100: color-hex('white');
-$bordered-color-200: color-hex('neutral-10');
-$bordered-color-300: color-hex('neutral-20');
-$bordered-color-400: color-hex('neutral-30');
-$bordered-color-500: color-hex('neutral-40');
-$bordered-color-600: color-hex('neutral-50');
-$bordered-color-700: color-hex('neutral-60');
-$bordered-color-800: color-hex('neutral-80');
-$bordered-color-900: color-hex('neutral-90');
-$bordered-color-1000: color-hex('neutral-100');
-
-$error-bg-color: color-hex('signal-red');
-$error-bg-color-hover: color-hex('signal-red-hover');
-$error-text-color: color-hex('white');
-
-$success-bg-color: color-hex('signal-green');
-$success-hover-color: color-hex('signal-green-130');
-$success-text-color: color-hex('white');
-
-$obvious-bg-color: color-hex('blue-100');
-$obvious-bg-color-hover: color-hex('blue-90');
-$obvious-text-color: color-hex('white');
-
-$signal-red: color-hex('signal-red');
-$signal-green: color-hex('signal-green');
-
-$red-100: color-hex('red-100');
-$red-200: color-hex('red-90');
-$red-300: color-hex('red-80');
-$red-400: color-hex('red-60');
-$red-500: color-hex('red-40');
-
-$green-100: color-hex('green-100');
-$green-200: color-hex('green-90');
-$green-300: color-hex('green-80');
-$green-400: color-hex('green-60');
-$green-500: color-hex('green-40');

package/design-tokens/base/sizes.variables.scss

@@ -1 +0,0 @@
-$sizes: ('none', 'compact', 'small', 'medium', 'large');

package/design-tokens/base/transitions.variables.scss

@@ -1,3 +0,0 @@
-$durations: (
-    'default': 0.3s,
-);

package/design-tokens/base/variants.variables.scss

@@ -1,35 +0,0 @@
-$color-schemes: ('dark', 'light');
-
-$base-variants: $color-schemes;
-$base-select-variants: $base-variants;
-$base-toggle-switch-variants: $base-variants;
-
-$base-input-variants: ('standard', 'transparent');
-$base-button-variants: (
-    'primary',
-    'secondary',
-    'tertiary',
-    'translucent',
-    'text',
-    'danger',
-    'dangerBordered',
-    'success',
-    // FIXME: variants below are used for call controls, we need to probably find a better naming,
-    // but currently there is only one variant in the design system called `call` so I sticked to what we have for now,
-    // but we should probably rename it or implement call controls as separate component
-    'neutral',
-    'transparent',
-    'transparentAlternative'
-);
-$base-text-variants: (
-    'standard',
-    'link',
-    'subtle',
-    'tinted',
-    'disabled',
-    'success',
-    'danger',
-    'hidden',
-    'warning'
-);
-$base-badge-counter-variants: ('info', 'notification');

package/design-tokens/build-scripts/breakpoints.mjs

@@ -1,53 +0,0 @@
-import fs from 'node:fs';
-import path from 'node:path';
-
-import {Content} from './content.mjs';
-
-const generatedByFile =
-    '/* FILE GENERATED BY packages/components/design-tokens/build-scripts/breakpoints.js DO NOT CHANGE */';
-
-const breakpoints = {
-    xs: 0,
-    sm: 479,
-    md: 744,
-    lg: 1025,
-    xl: 2000,
-};
-
-export function getBreakpoints() {
-    return breakpoints;
-}
-
-function exportBreakpoints(breakpoints) {
-    const content = new Content(generatedByFile);
-    content.push('export const breakpoints = ');
-    content.push(JSON.stringify(breakpoints));
-    content.push(';');
-
-    content.push('export type Breakpoint = keyof typeof breakpoints;');
-
-    content.push('export const breakpointNames: Breakpoint[] = ');
-    content.push(JSON.stringify(Object.keys(breakpoints)));
-    content.push(';');
-
-    fs.writeFileSync(
-        path.resolve('..', 'generated', 'breakpoints.ts'),
-        content.print('typescript'),
-    );
-}
-
-export function syncBreakpoints(breakpoints) {
-    const content = new Content(generatedByFile);
-    content.push('$grid-breakpoints: (');
-    for (const name in breakpoints) {
-        const value = breakpoints[name];
-        content.push(`'${name}': ${value}${value !== 0 ? 'px' : ''},`);
-    }
-    content.push(') !default;');
-    fs.writeFileSync(
-        path.resolve('..', 'generated', 'breakpoints.variables.scss'),
-        content.print('scss'),
-    );
-
-    exportBreakpoints(breakpoints);
-}

package/design-tokens/build-scripts/colors.mjs

@@ -1,111 +0,0 @@
-import fs from 'node:fs';
-import path from 'node:path';
-
-import {fetchWithAccessToken} from './fetchWithAccessToken.mjs';
-import {FRAME_ID, RESOURCES_IDS} from './constants.mjs';
-import {Content} from './content.mjs';
-
-function floatToInt(float) {
-    return Math.round(float * 255);
-}
-
-function intToHex(int) {
-    return Number(int).toString(16).padStart(2, '0');
-}
-
-function rgbToHex(...rgb) {
-    return `#${rgb.map(v => intToHex(floatToInt(v))).join('')}`;
-}
-
-function toRgbValue(...rgb) {
-    return rgb.map(v => floatToInt(v)).join(',');
-}
-
-function normalizeColorName(color) {
-    return color.split('/')[1].toLowerCase().replace(/ +/g, '-');
-}
-
-function convertKebabToPascalCase(color) {
-    return color.replace(/(^\w|-\w)/g, text =>
-        text.replace(/-/, '').toUpperCase(),
-    );
-}
-
-export async function getColors() {
-    const {
-        nodes: {[RESOURCES_IDS.COLORS]: colorsFrame},
-    } = await fetchWithAccessToken(
-        `files/${FRAME_ID}/nodes?ids=${RESOURCES_IDS.COLORS}`,
-    );
-    return colorsFrame.document.children.reduce((acc, child) => {
-        const childNodes = child.children || [];
-        const newGroups = childNodes
-            .filter(n => n.name.includes('Group'))
-            .flatMap(c => c.children);
-
-        const newColors = [child, ...newGroups, ...childNodes]
-            .filter(s => !!s.styles)
-            .map(c => ({
-                ...c,
-                styles: colorsFrame.styles[c.styles.fill],
-            }))
-            .reduce((c, current) => {
-                const colorName = normalizeColorName(current.styles.name);
-                const [colorObj] = current.fills;
-                c[colorName] = colorObj.color;
-
-                return c;
-            }, {});
-
-        return Object.assign(acc, newColors);
-    }, {});
-}
-
-function exportColors(colors) {
-    const content = new Content(
-        `/* FILE GENERATED BY packages/components/design-tokens/build-scripts/colors.js DO NOT CHANGE */
-        /* eslint-disable @typescript-eslint/no-duplicate-enum-values -- same colors with different names in figma */
-        `,
-    );
-    content.push('export enum Color {');
-    for (const key in colors) {
-        const {r, g, b} = colors[key];
-        content.push(
-            `${convertKebabToPascalCase(key)} = '${rgbToHex(r, g, b)}',`,
-        );
-    }
-    content.push('};');
-    content.push('export enum RgbColor {');
-    for (const key in colors) {
-        const {r, g, b} = colors[key];
-        content.push(
-            `${convertKebabToPascalCase(key)} = '${toRgbValue(r, g, b)}',`,
-        );
-    }
-    content.push('};');
-    content.push(
-        '/* eslint-enable @typescript-eslint/no-duplicate-enum-values -- same colors with different names in figma */',
-    );
-    fs.writeFileSync(
-        path.resolve('..', 'generated', 'colors.ts'),
-        content.print('typescript'),
-    );
-}
-
-export function syncColors(colors) {
-    const content = new Content(
-        '/* FILE GENERATED BY packages/components/design-tokens/build-scripts/colors.js DO NOT CHANGE */',
-    );
-    content.push('$colors: (');
-    for (const key in colors) {
-        const {r, g, b} = colors[key];
-        content.push(`'${key}': ${rgbToHex(r, g, b)},`);
-    }
-    content.push(');');
-    fs.writeFileSync(
-        path.resolve('..', 'generated', 'colors.variables.scss'),
-        content.print('scss'),
-    );
-
-    exportColors(colors);
-}

package/design-tokens/build-scripts/constants.mjs

@@ -1,10 +0,0 @@
-export const API_URL = 'https://api.figma.com/v1/';
-export const FRAME_ID = '88rQRQU5LaIUIzesjpdt1j';
-export const ICONS_FRAME_ID = 'hE9toOmPYV61a1ysNMTSbG';
-export const VARIABLES_FRAME_ID = 'Z2GR4oIYL20ZgbQ3YvYFKw';
-export const RESOURCES_IDS = {
-    COLORS: '5433:21000',
-    ICONS: '2052:20',
-    FONTS: '28:154',
-    FONTS_MOBILE: '3058:3083',
-};

package/design-tokens/build-scripts/content.mjs

@@ -1,51 +0,0 @@
-import prettier from 'prettier';
-
-import config from '../../prettier.config.js';
-
-export class Content {
-    constructor(banner = '') {
-        this.banner = banner;
-        this.blocks = new Map();
-        this.strings = [];
-    }
-
-    /**
-     * add strings to a content block,
-     * if the first argument is a number strings will be grouped by that index.
-     *
-     * @param {[number,] string[]} args
-     * @memberof Content
-     */
-    push(...args) {
-        const [first, ...rest] = Array.from(args);
-        if (typeof first === 'number') {
-            const lines = (
-                this.blocks.has(first) ? this.blocks.get(first) : []
-            ).concat(rest);
-            this.blocks.set(args[0], lines);
-        } else {
-            this.strings = this.strings.concat([first, ...rest]);
-        }
-    }
-
-    /**
-     * Pretty print using the defined parser.
-     * Since prettier has no file extension to go by we need to pass this in.
-     *
-     * @param {'babel' | 'typescript' | 'scss' | 'html' | ...other prettier parsers } parser
-     * @returns string
-     * @memberof Content
-     */
-    print(parser) {
-        let lines = this.banner ? [this.banner] : [];
-        if (this.strings.length) {
-            lines = lines.concat([this.strings.join('\n')]);
-        }
-        if (this.blocks.size) {
-            lines = lines.concat(
-                Array.from(this.blocks.values()).map(l => l.join('\n')),
-            );
-        }
-        return prettier.format(lines.join('\n\n'), {...config, parser});
-    }
-}