@keeper-security/keeper-js-ui 0.21.0 → 0.22.0

package/dist/types/tokens/color.d.ts

@@ -1,3 +1,87 @@
+export declare const colorInputToken: {
+    /**
+     * light: #D8D8D8, dark: #565656
+     */
+    readonly border: "border";
+    /**
+     * light: #D8D8D8, dark: #565656
+     */
+    readonly input: "input";
+    /**
+     * light: #565656, dark: #B3B3B3
+     */
+    readonly label: "label";
+    /**
+     * light: #565656, dark: #B3B3B3
+     */
+    readonly placeholder: "placeholder";
+    /**
+     * light: #054B91, dark: #48B6FF
+     */
+    readonly ring: "ring";
+    /**
+     * light: [rgba(0, 0, 0, 0.5), #808080],
+     * dark: [rgba(255, 255, 255, 0.5), #808080]
+     */
+    readonly scrollbar: "scrollbar";
+    /**
+     * light: #FFFFFF, dark: #FFFFFF
+     */
+    readonly thumb: "thumb";
+};
+export declare const colorInputTokenFixture: {
+    /**
+     * light: #D8D8D8, dark: #565656
+     */
+    readonly border: {
+        readonly light: "#D8D8D8";
+        readonly dark: "#565656";
+    };
+    /**
+     * light: #D8D8D8, dark: #565656
+     */
+    readonly input: {
+        readonly light: "#D8D8D8";
+        readonly dark: "#565656";
+    };
+    /**
+     * light: #565656, dark: #B3B3B3
+     */
+    readonly label: {
+        readonly light: "#565656";
+        readonly dark: "#B3B3B3";
+    };
+    /**
+     * light: #565656, dark: #B3B3B3
+     */
+    readonly placeholder: {
+        readonly light: "#565656";
+        readonly dark: "#B3B3B3";
+    };
+    /**
+     * light: #054B91, dark: #48B6FF
+     */
+    readonly ring: {
+        readonly light: "#054B91";
+        readonly dark: "#48B6FF";
+    };
+    /**
+     * light: [rgba(0, 0, 0, 0.5), #808080],
+     * dark: [rgba(255, 255, 255, 0.5), #808080]
+     */
+    readonly scrollbar: {
+        readonly light: "rgba(0, 0, 0, 0.5)";
+        readonly dark: "rgba(255, 255, 255, 0.5)";
+    };
+    /**
+     * light: #FFFFFF, dark: #FFFFFF
+     */
+    readonly thumb: {
+        readonly light: "#FFFFFF";
+        readonly dark: "#FFFFFF";
+    };
+};
+export type ColorInputToken = keyof typeof colorInputToken;
 export declare const colorSurfaceToken: {
     /**
      * light: #F0F0F0, dark: #404040
@@ -72,15 +156,15 @@ export declare const colorTextToken: {
      */
     readonly 'foreground-inverse': "ksjsui:text-background";
     /**
-     * light: #888888, dark: #888888
+     * light: #808080, dark: #808080
      *
-     * Currently does not pass contrast ratio of `4.5:1`
+     * Currently does not pass contrast ratio of `4.5:1` against white #FFFFFF.
      */
     readonly neutral: "neutral";
     /**
      * light: #FFC700, dark: #FFC700
      *
-     * Currently does not pass contrast ratio of `4.5:1`
+     * Currently does not pass contrast ratio of `4.5:1` against white #FFFFFF.
      */
     readonly primary: "primary";
     /**

package/dist/types/tokens/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/tokens/color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;IAC5B;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAA;AAEV,eAAO,MAAM,wBAAwB;IACnC;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;CAKK,CAAA;AAEV,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEjE,eAAO,MAAM,cAAc;IACzB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAA;AAEV,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,cAAc,CAAA"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/tokens/color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;IAC1B;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;CAEK,CAAA;AAEV,eAAO,MAAM,sBAAsB;IACjC;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;;OAGG;;;;;IAKH;;OAEG;;;;;CAKK,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAA;AAE1D,eAAO,MAAM,iBAAiB;IAC5B;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAA;AAEV,eAAO,MAAM,wBAAwB;IACnC;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;IAKH;;OAEG;;;;;CAKK,CAAA;AAEV,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEjE,eAAO,MAAM,cAAc;IACzB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAA;AAEV,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,cAAc,CAAA"}

package/dist/types/tokens/size.d.ts

@@ -0,0 +1,21 @@
+export declare const buttonSizeToken: {
+    /** height: 24px, min-width: 24px */
+    readonly '2xs': "2xs";
+    /** height: 28px, min-width: 28px */
+    readonly xs: "xs";
+    /** height: 32px, min-width: 32px */
+    readonly sm: "sm";
+    /** height: 36px, min-width: 36px */
+    readonly md: "md";
+    /** height: 40px, min-width: 40px */
+    readonly lg: "lg";
+};
+export declare const buttonSizeTokenFixture: {
+    readonly '2xs': "24px";
+    readonly xs: "28px";
+    readonly sm: "32px";
+    readonly md: "36px";
+    readonly lg: "40px";
+};
+export type ButtonSizeTokenKey = keyof typeof buttonSizeToken;
+//# sourceMappingURL=size.d.ts.map

package/dist/types/tokens/size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../src/tokens/size.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;IAC1B,oCAAoC;;IAEpC,oCAAoC;;IAEpC,oCAAoC;;IAEpC,oCAAoC;;IAEpC,oCAAoC;;CAE5B,CAAA;AAEV,eAAO,MAAM,sBAAsB;;;;;;CAMzB,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,eAAe,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keeper-security/keeper-js-ui",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "type": "module",
   "description": "React components built for accessibility, consistency, and speed.",
   "types": "dist/types/index.d.ts",
@@ -59,16 +59,15 @@
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.0.1",
+    "@chromatic-com/storybook": "^5.1.2",
     "@commitlint/cli": "^20.4.2",
     "@commitlint/config-conventional": "^20.4.2",
     "@eslint/js": "^9.39.3",
-    "@storybook/addon-a11y": "10.2.11",
-    "@storybook/addon-docs": "10.2.11",
-    "@storybook/addon-links": "10.2.11",
-    "@storybook/addon-themes": "10.2.11",
-    "@storybook/addon-vitest": "10.2.11",
-    "@storybook/react-vite": "10.2.11",
+    "@storybook/addon-a11y": "10.3.5",
+    "@storybook/addon-docs": "10.3.5",
+    "@storybook/addon-themes": "10.3.5",
+    "@storybook/addon-vitest": "10.3.5",
+    "@storybook/react-vite": "10.3.5",
     "@tailwindcss/vite": "^4.1.18",
     "@types/node": "^22.7.6",
     "@types/react": "^18.3.17",
@@ -81,7 +80,7 @@
     "czg": "^1.12.0",
     "eslint": "^10.0.1",
     "eslint-plugin-react-refresh": "^0.4.26",
-    "eslint-plugin-storybook": "10.2.11",
+    "eslint-plugin-storybook": "10.3.5",
     "globals": "^16.5.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
@@ -89,7 +88,7 @@
     "prettier": "^3.7.4",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "remark-gfm": "^4.0.1",
-    "storybook": "10.2.11",
+    "storybook": "10.3.5",
     "storybook-addon-rtl": "^3.0.1",
     "tailwindcss": "^4.1.18",
     "tsc-alias": "^1.8.16",

package/dist/types/icons/megaphone-2.d.ts

@@ -1,3 +0,0 @@
-export declare const Megaphone2Icon: import("react").ForwardRefExoticComponent<import("../components/ui/icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
-export declare const aliases: string[];
-//# sourceMappingURL=megaphone-2.d.ts.map

package/dist/types/icons/megaphone-2.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"megaphone-2.d.ts","sourceRoot":"","sources":["../../src/icons/megaphone-2.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,qIAAyC,CAAA;AACpE,eAAO,MAAM,OAAO,UAAsC,CAAA"}