@dnanpm/ui-components 0.9.0 → 0.10.0

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/utils/isRenderable/index.d.ts

@@ -0,0 +1,2 @@
+export { isRenderable } from './isRenderable';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/isRenderable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/isRenderable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/utils/isRenderable/isRenderable.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isRenderable = (node) => node != null && typeof node !== "boolean" && node !== "" && !(Array.isArray(node) && node.length === 0);
+exports.isRenderable = isRenderable;
+//# sourceMappingURL=isRenderable.cjs.map

package/dist/utils/isRenderable/isRenderable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isRenderable.cjs","sources":["../../../src/utils/isRenderable/isRenderable.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\n/** Nodes that render nothing (e.g. `condition && <X />`, `''` or `[]`) are treated as absent. */\nexport const isRenderable = (node: ReactNode): boolean =>\n    node != null &&\n    typeof node !== 'boolean' &&\n    node !== '' &&\n    !(Array.isArray(node) && node.length === 0);\n"],"names":[],"mappings":";;AAGO,MAAM,eAAe,CAAC,SACzB,QAAQ,QACR,OAAO,SAAS,aAChB,SAAS,MACT,EAAE,MAAM,QAAQ,IAAI,KAAK,KAAK,WAAW;;"}

package/dist/utils/isRenderable/isRenderable.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+/** Nodes that render nothing (e.g. `condition && <X />`, `''` or `[]`) are treated as absent. */
+export declare const isRenderable: (node: ReactNode) => boolean;
+//# sourceMappingURL=isRenderable.d.ts.map

package/dist/utils/isRenderable/isRenderable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isRenderable.d.ts","sourceRoot":"","sources":["../../../src/utils/isRenderable/isRenderable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,iGAAiG;AACjG,eAAO,MAAM,YAAY,GAAI,MAAM,SAAS,KAAG,OAIA,CAAC"}

package/dist/utils/isRenderable/isRenderable.js

@@ -0,0 +1,5 @@
+const isRenderable = (node) => node != null && typeof node !== "boolean" && node !== "" && !(Array.isArray(node) && node.length === 0);
+export {
+  isRenderable
+};
+//# sourceMappingURL=isRenderable.js.map

package/dist/utils/isRenderable/isRenderable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isRenderable.js","sources":["../../../src/utils/isRenderable/isRenderable.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\n/** Nodes that render nothing (e.g. `condition && <X />`, `''` or `[]`) are treated as absent. */\nexport const isRenderable = (node: ReactNode): boolean =>\n    node != null &&\n    typeof node !== 'boolean' &&\n    node !== '' &&\n    !(Array.isArray(node) && node.length === 0);\n"],"names":[],"mappings":"AAGO,MAAM,eAAe,CAAC,SACzB,QAAQ,QACR,OAAO,SAAS,aAChB,SAAS,MACT,EAAE,MAAM,QAAQ,IAAI,KAAK,KAAK,WAAW;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dnanpm/ui-components",
-    "version": "0.9.0",
+    "version": "0.10.0",
     "description": "DNA Design System - React UI Components",
     "author": "DNA Oy",
     "license": "ISC",
@@ -18,6 +18,11 @@
             "require": "./dist/index.cjs"
         },
         "./styles.css": "./dist/styles.css",
+        "./utilities.css": "./dist/styles/utilities.css",
+        "./utilities/elevation.css": "./dist/styles/utils/elevation.css",
+        "./utilities/focus.css": "./dist/styles/utils/focus.css",
+        "./utilities/overlay.css": "./dist/styles/utils/overlay.css",
+        "./utilities/text-decoration.css": "./dist/styles/utils/text-decoration.css",
         "./font-definitions.css": "./dist/font-definitions.css"
     },
     "files": [
@@ -28,14 +33,15 @@
         "dev": "vite build --watch",
         "gen:component": "plop --plopfile ./scripts/template-generators/plopfile.mjs component",
         "tokens:check-css-vars": "bash scripts/check-token-css-vars.sh",
-        "test": "vitest run --coverage",
-        "test:watch": "vitest",
+        "test": "pnpm --filter @dnanpm/design-tokens build && vitest run --coverage",
+        "test:css-exports": "pnpm build && node scripts/check-css-exports.mjs",
+        "test:watch": "pnpm --filter @dnanpm/design-tokens build && vitest",
         "format": "prettier --write .",
         "format:check": "prettier --check .",
         "lint": "eslint .",
         "lint:fix": "eslint . --fix",
         "clean": "rm -rf dist node_modules",
-        "type-check": "tsc --noEmit",
+        "type-check": "pnpm --filter @dnanpm/design-tokens build && tsc --noEmit",
         "tar": "bash scripts/generate-tar.sh"
     },
     "keywords": [
@@ -61,6 +67,7 @@
         "react-dom": "^19.0.0"
     },
     "devDependencies": {
+        "@csstools/postcss-global-data": "^4.0.0",
         "@dnanpm/design-tokens": "workspace:*",
         "@repo/eslint-config": "workspace:*",
         "@repo/typescript-config": "workspace:*",
@@ -76,6 +83,7 @@
         "jsdom": "^28.1.0",
         "plop": "^4.0.5",
         "postcss": "^8.5.10",
+        "postcss-custom-media": "^12.0.3",
         "prettier": "^3.8.1",
         "react": "^19.2.4",
         "react-dom": "^19.2.4",

package/dist/styles/utils/elevation.module.css.cjs

@@ -1,16 +0,0 @@
-require('./elevation.css');
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const elevationLow = "_elevationLow_dspr0_1";
-const elevationMedium = "_elevationMedium_dspr0_8";
-const elevationHigh = "_elevationHigh_dspr0_16";
-const elevationStyles = {
-  elevationLow,
-  elevationMedium,
-  elevationHigh
-};
-exports.default = elevationStyles;
-exports.elevationHigh = elevationHigh;
-exports.elevationLow = elevationLow;
-exports.elevationMedium = elevationMedium;
-//# sourceMappingURL=elevation.module.css.cjs.map

package/dist/styles/utils/elevation.module.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"elevation.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/styles/utils/elevation.module.css.js

@@ -1,16 +0,0 @@
-import './elevation.css';
-const elevationLow = "_elevationLow_dspr0_1";
-const elevationMedium = "_elevationMedium_dspr0_8";
-const elevationHigh = "_elevationHigh_dspr0_16";
-const elevationStyles = {
-  elevationLow,
-  elevationMedium,
-  elevationHigh
-};
-export {
-  elevationStyles as default,
-  elevationHigh,
-  elevationLow,
-  elevationMedium
-};
-//# sourceMappingURL=elevation.module.css.js.map

package/dist/styles/utils/elevation.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"elevation.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/styles/utils/focus.module.css.cjs

@@ -1,16 +0,0 @@
-require('./focus.css');
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const focusable = "_focusable_1be87_1";
-const focusableInset = "_focusableInset_1be87_33";
-const focusClipGuard = "_focusClipGuard_1be87_82";
-const focusStyles = {
-  focusable,
-  focusableInset,
-  focusClipGuard
-};
-exports.default = focusStyles;
-exports.focusClipGuard = focusClipGuard;
-exports.focusable = focusable;
-exports.focusableInset = focusableInset;
-//# sourceMappingURL=focus.module.css.cjs.map

package/dist/styles/utils/focus.module.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"focus.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/styles/utils/focus.module.css.js

@@ -1,16 +0,0 @@
-import './focus.css';
-const focusable = "_focusable_1be87_1";
-const focusableInset = "_focusableInset_1be87_33";
-const focusClipGuard = "_focusClipGuard_1be87_82";
-const focusStyles = {
-  focusable,
-  focusableInset,
-  focusClipGuard
-};
-export {
-  focusStyles as default,
-  focusClipGuard,
-  focusable,
-  focusableInset
-};
-//# sourceMappingURL=focus.module.css.js.map

package/dist/styles/utils/focus.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"focus.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/styles/utils/overlay.module.css.cjs

@@ -1,13 +0,0 @@
-require('./overlay.css');
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const overlayStrong = "_overlayStrong_1w2h3_1";
-const overlayClosing = "_overlayClosing_1w2h3_19";
-const overlayStyles = {
-  overlayStrong,
-  overlayClosing
-};
-exports.default = overlayStyles;
-exports.overlayClosing = overlayClosing;
-exports.overlayStrong = overlayStrong;
-//# sourceMappingURL=overlay.module.css.cjs.map

package/dist/styles/utils/overlay.module.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"overlay.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/styles/utils/overlay.module.css.js

@@ -1,13 +0,0 @@
-import './overlay.css';
-const overlayStrong = "_overlayStrong_1w2h3_1";
-const overlayClosing = "_overlayClosing_1w2h3_19";
-const overlayStyles = {
-  overlayStrong,
-  overlayClosing
-};
-export {
-  overlayStyles as default,
-  overlayClosing,
-  overlayStrong
-};
-//# sourceMappingURL=overlay.module.css.js.map

package/dist/styles/utils/overlay.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"overlay.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/styles/utils/text-decoration.module.css.cjs

@@ -1,13 +0,0 @@
-require('./text-decoration.css');
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const underlineLink = "_underlineLink_15fbp_1";
-const underlineLinkOnHover = "_underlineLinkOnHover_15fbp_8";
-const textDecorationStyles = {
-  underlineLink,
-  underlineLinkOnHover
-};
-exports.default = textDecorationStyles;
-exports.underlineLink = underlineLink;
-exports.underlineLinkOnHover = underlineLinkOnHover;
-//# sourceMappingURL=text-decoration.module.css.cjs.map

package/dist/styles/utils/text-decoration.module.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-decoration.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/styles/utils/text-decoration.module.css.js

@@ -1,13 +0,0 @@
-import './text-decoration.css';
-const underlineLink = "_underlineLink_15fbp_1";
-const underlineLinkOnHover = "_underlineLinkOnHover_15fbp_8";
-const textDecorationStyles = {
-  underlineLink,
-  underlineLinkOnHover
-};
-export {
-  textDecorationStyles as default,
-  underlineLink,
-  underlineLinkOnHover
-};
-//# sourceMappingURL=text-decoration.module.css.js.map

package/dist/styles/utils/text-decoration.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-decoration.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}