@telia/teddy 0.0.3 → 0.0.4

package/dist/tokens/spacing/variables.json.d.ts

@@ -0,0 +1,34 @@
+declare const _default: {
+  "spacing": {
+    "0": "0rem",
+    "10": "0.0625rem",
+    "25": "0.125rem",
+    "50": "0.25rem",
+    "100": "0.5rem",
+    "150": "0.75rem",
+    "200": "1rem",
+    "250": "1.25rem",
+    "300": "1.5rem",
+    "400": "2rem",
+    "600": "3rem",
+    "800": "4rem",
+    "1000": "5rem",
+    "1200": "6rem",
+    "1600": "8rem",
+    "gutter": {
+      "sm": "1rem",
+      "md": "1.5rem",
+      "lg": "1.5rem",
+      "xl": "1.5rem"
+    },
+    "page-padding": {
+      "sm": "1rem",
+      "md": "1.5rem",
+      "lg": "3rem",
+      "xl": "3rem"
+    }
+  }
+}
+;
+
+export default _default;

package/dist/utils/action.d.ts

@@ -7,7 +7,7 @@ export declare const VARIANT: {
     readonly EXPRESSIVE: "expressive";
     readonly EXPRESSIVE_NEGATIVE: "expressive-negative";
 };
-export declare const variants: ("primary" | "primary-negative" | "secondary" | "secondary-negative" | "expressive" | "expressive-negative")[];
+export declare const variants: ("primary" | "secondary" | "expressive" | "primary-negative" | "secondary-negative" | "expressive-negative")[];
 export type Variant = (typeof VARIANT)[keyof typeof VARIANT];
 export declare const SIZE: {
     readonly SM: "sm";

package/dist/utils/composeEventHandlers.d.ts

@@ -0,0 +1,30 @@
+/**
+This utilities is a copy from Radix UI.
+
+
+MIT License
+
+Copyright (c) 2022 WorkOS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+ */
+declare function composeEventHandlers<E>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, { checkForDefaultPrevented }?: {
+    checkForDefaultPrevented?: boolean | undefined;
+}): (event: E) => void;
+export { composeEventHandlers };

package/dist/utils/composeEventHandlers.js

@@ -0,0 +1,9 @@
+function h(f, c, { checkForDefaultPrevented: p = !0 } = {}) {
+  return function(s) {
+    if (f == null || f(s), p === !1 || !s.defaultPrevented)
+      return c == null ? void 0 : c(s);
+  };
+}
+export {
+  h as composeEventHandlers
+};

package/dist/utils/composeRefs.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+
+/**
+This utilities is a copy from Radix UI.
+
+
+MIT License
+
+Copyright (c) 2022 WorkOS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+ */
+type PossibleRef<T> = React.Ref<T> | undefined;
+/**
+ * A utility to compose multiple refs together
+ * Accepts callback refs and RefObject(s)
+ */
+declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T) => void;
+/**
+ * A custom hook that composes multiple refs
+ * Accepts callback refs and RefObject(s)
+ */
+declare function useComposedRefs<T>(...refs: PossibleRef<T>[]): (node: T) => void;
+export { composeRefs, useComposedRefs };

package/dist/utils/composeRefs.js

@@ -0,0 +1,14 @@
+import e from "react";
+function u(o, t) {
+  typeof o == "function" ? o(t) : o != null && (o.current = t);
+}
+function c(...o) {
+  return (t) => o.forEach((n) => u(n, t));
+}
+function i(...o) {
+  return e.useCallback(c(...o), o);
+}
+export {
+  c as composeRefs,
+  i as useComposedRefs
+};

package/dist/utils/layout.d.ts

@@ -0,0 +1,12 @@
+import { breakpoint } from '../tokens/breakpoint/variables.json';
+
+type Breakpoint = keyof typeof breakpoint;
+export type Responsive<T> = {
+    [key in Breakpoint]?: T;
+} | T;
+export declare function extractResponsiveClassName<T>({ responsiveValue, rootClassName, styles, }: {
+    responsiveValue: Responsive<T>;
+    rootClassName: string;
+    styles: CSSModuleClasses;
+}): string[] | string[][] | undefined;
+export {};

package/dist/utils/layout.js

@@ -0,0 +1,11 @@
+function e({
+  responsiveValue: t,
+  rootClassName: n,
+  styles: r
+}) {
+  if (t)
+    return typeof t == "object" && t ? Object.entries(t).map(([c, $]) => [r[`${c}:${n}-${$}`]]) : [r[`${n}-${t}`]];
+}
+export {
+  e as extractResponsiveClassName
+};

package/package.json

@@ -11,7 +11,7 @@
     "pnpm": ">=8"
   },
   "private": false,
-  "version": "0.0.3",
+  "version": "0.0.4",
   "sideEffects": [
     "**/*.css"
   ],
@@ -21,21 +21,19 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.27.1",
-    "@chromatic-com/storybook": "^1.2.1",
+    "@chromatic-com/storybook": "^1.3.1",
     "@laynezh/vite-plugin-lib-assets": "^0.5.19",
-    "@storybook/addon-a11y": "^8.0.0-rc.0",
-    "@storybook/addon-essentials": "^8.0.0-rc.0",
-    "@storybook/addon-interactions": "^8.0.0-rc.0",
-    "@storybook/addon-links": "^8.0.0-rc.0",
-    "@storybook/addon-mdx-gfm": "^8.0.0-rc.0",
-    "@storybook/addon-onboarding": "^8.0.0-rc.0",
-    "@storybook/addon-storysource": "^8.0.0-rc.0",
-    "@storybook/blocks": "^8.0.0-rc.0",
-    "@storybook/manager-api": "^8.0.0-rc.0",
-    "@storybook/react": "^8.0.0-rc.0",
-    "@storybook/react-vite": "^8.0.0-rc.0",
-    "@storybook/test": "^8.0.0-rc.0",
-    "@storybook/theming": "^8.0.0-rc.0",
+    "@storybook/addon-a11y": "^8.0.6",
+    "@storybook/addon-essentials": "^8.0.6",
+    "@storybook/addon-interactions": "^8.0.6",
+    "@storybook/addon-links": "^8.0.6",
+    "@storybook/addon-storysource": "^8.0.6",
+    "@storybook/blocks": "^8.0.6",
+    "@storybook/manager-api": "^8.0.6",
+    "@storybook/react": "^8.0.6",
+    "@storybook/react-vite": "^8.0.6",
+    "@storybook/test": "^8.0.6",
+    "@storybook/theming": "^8.0.6",
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^20.11.16",
     "@types/react": "^18.2.53",
@@ -51,18 +49,18 @@
     "eslint-plugin-mdx": "^3.1.5",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
-    "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-storybook": "^0.8.0",
     "execa": "^8.0.1",
     "fs-extra": "^11.2.0",
     "glob": "^10.3.10",
     "node-html-parser": "^6.1.12",
-    "plop": "^4.0.1",
+    "plop": "4.0.1",
     "prettier": "3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup-plugin-visualizer": "^5.12.0",
     "sass": "^1.70.0",
-    "storybook": "^8.0.0-rc.0",
+    "storybook": "^8.0.6",
     "style-dictionary": "^3.9.2",
     "tsx": "^4.7.0",
     "typescript": "^5.3.3",
@@ -71,10 +69,12 @@
     "vite-plugin-lib-inject-css": "^2.0.0"
   },
   "dependencies": {
-    "@purpurds/tokens": "^3.0.0",
-    "@purpurds/visually-hidden": "^3.0.0",
+    "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-navigation-menu": "^1.1.4",
     "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@react-spring/web": "^9.7.3",
     "clsx": "^2.1.0"
   },
   "description": "![Teddy - Telia Norway's Design System](/other/stories/assets/teddy200.png?raw=true)",
@@ -95,11 +95,12 @@
   "scripts": {
     "build:icons": "tsx other/scripts/build-icons.ts",
     "build:tokens": "tsx other/scripts/build-tokens.ts",
-    "create:comp": "tsx node_modules/.bin/plop --plopfile other/scripts/plopfile.ts",
+    "build:storybook": "storybook build",
+    "build:storybook-ci": "storybook build --loglevel silly --disable-telemetry",
+    "create:component": "tsx node_modules/plop/bin/plop.js --plopfile other/scripts/plopfile.ts",
     "clean": "rm -rf dist",
     "prebuild": "pnpm run build:icons && pnpm run build:tokens",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preinstall": "npx only-allow pnpm",
     "dev": "vite",