colibri-ui 0.8.72 → 0.8.74

package/Calendar/Calendar.module.css

@@ -190,7 +190,7 @@
 }
 
 .period-button {
-  background: var(--component-menu-item-bg);
+  background: var(--component-calendar-item-bg);
   border: var(--space-0);
   border-radius: var(--calendar-radius);
   box-sizing: border-box;
@@ -215,7 +215,7 @@
 }
 
 .period-button:hover:not(:disabled, .period-button-selected) {
-  background: var(--component-menu-item-bg-hover);
+  background: var(--component-calendar-item-bg-hover);
 }
 
 .period-button-selected {
@@ -223,7 +223,7 @@
 }
 
 .day {
-  background: var(--component-menu-item-bg);
+  background: var(--component-calendar-item-bg);
   border: var(--space-0);
   border-radius: var(--calendar-radius);
   color: var(--color-text-primary);
@@ -251,7 +251,7 @@
 }
 
 .day:hover:not(:disabled, .selected) {
-  background: var(--component-menu-item-bg-hover);
+  background: var(--component-calendar-item-bg-hover);
 }
 
 .outside {
@@ -268,7 +268,7 @@
 }
 
 .in-range {
-  background: var(--component-menu-item-bg-hover);
+  background: var(--component-calendar-item-bg-hover);
   border-radius: var(--radius-none);
 }
 

package/Icons/Copy.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { Props } from "./index.props";
+export declare const Copy: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;

package/Icons/Copy.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var Copy = function Copy(_a) {
+  var _a$fill = _a.fill,
+    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
+    _a$width = _a.width,
+    width = _a$width === void 0 ? 24 : _a$width,
+    _a$height = _a.height,
+    height = _a$height === void 0 ? 24 : _a$height,
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    width: width,
+    height: height,
+    ref: ref
+  }, props, {
+    viewBox: "0 0 16 16"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1 5.71428V10.2857C1 11.2325 1.76751 12 2.71429 12H5.75V7.10957C5.75 6.54414 5.97724 6.00244 6.38065 5.60623L8.67403 3.35381C8.77447 3.25516 8.88376 3.16757 9 3.09182V2.71429C9 1.76751 8.23249 1 7.28571 1H5.8V4.42857C5.8 5.13865 5.22437 5.71428 4.51429 5.71428H1ZM9 4.78571L7.25654 6.49804C7.24689 6.50752 7.23749 6.5172 7.22834 6.52708C7.22208 6.53383 7.21594 6.54068 7.20991 6.54762C7.07504 6.70295 7 6.90234 7 7.10957V7.79762H9H10.0095C10.4829 7.79762 10.8667 7.41386 10.8667 6.94047V4H10.1505C9.92587 4 9.7102 4.0882 9.54992 4.24562L9 4.78571ZM4.86667 1H4.15053C3.92587 1 3.7102 1.0882 3.54992 1.24562L1.25654 3.49804C1.09244 3.65921 1 3.87957 1 4.10957V4.79762H4.00952C4.48291 4.79762 4.86667 4.41386 4.86667 3.94047V1ZM7 12V8.71428H9H10.5143C11.2244 8.71428 11.8 8.13865 11.8 7.42857V4H13.2857C14.2325 4 15 4.76751 15 5.71429V13.2857C15 14.2325 14.2325 15 13.2857 15H8.71429C7.76751 15 7 14.2325 7 13.2857V12Z",
+    fill: fill
+  }));
+};
+
+exports.Copy = Copy;

package/Icons/index.d.ts

@@ -3,6 +3,7 @@ export { Cart } from "./Cart";
 export { Check } from "./Check";
 export { Chevron } from "./Chevron";
 export { Close } from "./Close";
+export { Copy } from "./Copy";
 export { Cross } from "./Cross";
 export { CrossFill } from "./CrossFill";
 export { Edit } from "./Edit";

package/Icons/index.js

@@ -5,6 +5,7 @@ var Cart = require('./Cart.js');
 var Check = require('./Check.js');
 var Chevron = require('./Chevron.js');
 var Close = require('./Close.js');
+var Copy = require('./Copy.js');
 var Cross = require('./Cross.js');
 var CrossFill = require('./CrossFill.js');
 var Edit = require('./Edit.js');
@@ -28,6 +29,7 @@ exports.Cart = Cart.Cart;
 exports.Check = Check.Check;
 exports.Chevron = Chevron.Chevron;
 exports.Close = Close.Close;
+exports.Copy = Copy.Copy;
 exports.Cross = Cross.Cross;
 exports.CrossFill = CrossFill.CrossFill;
 exports.Edit = Edit.Edit;

package/NumberInput/NumberInput.module.css

@@ -1,5 +1,7 @@
 .field {
-  width: 20rem;
+  max-width: 100%;
+  min-width: 0;
+  width: 100%;
 }
 
 .end_content {

package/README.md

@@ -1,11 +1,11 @@
 # Colibri UI
 
 ![npm version](https://img.shields.io/npm/v/colibri-ui.svg?style=flat)
-![tests](https://img.shields.io/badge/tests-40%20passed-brightgreen?style=flat)
-![coverage statements](https://img.shields.io/badge/statements-90.3%25-brightgreen?style=flat)
-![coverage branches](https://img.shields.io/badge/branches-73.3%25-yellowgreen?style=flat)
-![coverage functions](https://img.shields.io/badge/functions-98.14%25-brightgreen?style=flat)
-![coverage lines](https://img.shields.io/badge/lines-95.55%25-brightgreen?style=flat)
+![tests](https://img.shields.io/badge/tests-42%20passed-brightgreen?style=flat)
+![coverage statements](https://img.shields.io/badge/statements-80.27%25-yellowgreen?style=flat)
+![coverage branches](https://img.shields.io/badge/branches-61.77%25-yellow?style=flat)
+![coverage functions](https://img.shields.io/badge/functions-87.5%25-brightgreen?style=flat)
+![coverage lines](https://img.shields.io/badge/lines-86.64%25-brightgreen?style=flat)
 
 React UI components library.
 

package/Theme/index.d.ts

@@ -465,6 +465,8 @@ export declare const THEMES: {
         "component-grid-item-flex-basis": string;
         "component-select-menu-max-height": string;
         "component-date-picker-calendar-max-width": string;
+        "component-calendar-item-bg": string;
+        "component-calendar-item-bg-hover": string;
         "component-calendar-min-block-size": string;
         "component-calendar-min-inline-size": string;
         "component-calendar-months-min-block-size": string;
@@ -1092,6 +1094,8 @@ export declare const THEMES: {
         "component-grid-item-flex-basis": string;
         "component-select-menu-max-height": string;
         "component-date-picker-calendar-max-width": string;
+        "component-calendar-item-bg": string;
+        "component-calendar-item-bg-hover": string;
         "component-calendar-min-block-size": string;
         "component-calendar-min-inline-size": string;
         "component-calendar-months-min-block-size": string;

package/Theme/themes/buenos_aires.d.ts

@@ -464,6 +464,8 @@ declare const _default: {
     "component-grid-item-flex-basis": string;
     "component-select-menu-max-height": string;
     "component-date-picker-calendar-max-width": string;
+    "component-calendar-item-bg": string;
+    "component-calendar-item-bg-hover": string;
     "component-calendar-min-block-size": string;
     "component-calendar-min-inline-size": string;
     "component-calendar-months-min-block-size": string;

package/Theme/themes/buenos_aires.js

@@ -470,6 +470,8 @@ var THEME_BA = {
   "component-grid-item-flex-basis": "15.625rem",
   "component-select-menu-max-height": "13.75rem",
   "component-date-picker-calendar-max-width": "15.625rem",
+  "component-calendar-item-bg": theme_buenos_aires.default.NEUTRAL_BA_0,
+  "component-calendar-item-bg-hover": theme_buenos_aires.default.NEUTRAL_BA_100,
   "component-calendar-min-block-size": "22.5rem",
   "component-calendar-min-inline-size": "20rem",
   "component-calendar-months-min-block-size": "18.75rem",

package/Theme/themes/jaipur.d.ts

@@ -464,6 +464,8 @@ declare const _default: {
     "component-grid-item-flex-basis": string;
     "component-select-menu-max-height": string;
     "component-date-picker-calendar-max-width": string;
+    "component-calendar-item-bg": string;
+    "component-calendar-item-bg-hover": string;
     "component-calendar-min-block-size": string;
     "component-calendar-min-inline-size": string;
     "component-calendar-months-min-block-size": string;

package/Theme/themes/jaipur.js

@@ -470,6 +470,8 @@ var theme_jaipur = {
   "component-grid-item-flex-basis": "15.625rem",
   "component-select-menu-max-height": "13.75rem",
   "component-date-picker-calendar-max-width": "15.625rem",
+  "component-calendar-item-bg": theme_jaipur$1.default.NEUTRAL_JP_0,
+  "component-calendar-item-bg-hover": theme_jaipur$1.default.NEUTRAL_JP_100,
   "component-calendar-min-block-size": "22.5rem",
   "component-calendar-min-inline-size": "20rem",
   "component-calendar-months-min-block-size": "18.75rem",

package/esm/Calendar/Calendar.module.css

@@ -190,7 +190,7 @@
 }
 
 .period-button {
-  background: var(--component-menu-item-bg);
+  background: var(--component-calendar-item-bg);
   border: var(--space-0);
   border-radius: var(--calendar-radius);
   box-sizing: border-box;
@@ -215,7 +215,7 @@
 }
 
 .period-button:hover:not(:disabled, .period-button-selected) {
-  background: var(--component-menu-item-bg-hover);
+  background: var(--component-calendar-item-bg-hover);
 }
 
 .period-button-selected {
@@ -223,7 +223,7 @@
 }
 
 .day {
-  background: var(--component-menu-item-bg);
+  background: var(--component-calendar-item-bg);
   border: var(--space-0);
   border-radius: var(--calendar-radius);
   color: var(--color-text-primary);
@@ -251,7 +251,7 @@
 }
 
 .day:hover:not(:disabled, .selected) {
-  background: var(--component-menu-item-bg-hover);
+  background: var(--component-calendar-item-bg-hover);
 }
 
 .outside {
@@ -268,7 +268,7 @@
 }
 
 .in-range {
-  background: var(--component-menu-item-bg-hover);
+  background: var(--component-calendar-item-bg-hover);
   border-radius: var(--radius-none);
 }
 

package/esm/Icons/Copy.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { Props } from "./index.props";
+export declare const Copy: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;

package/esm/Icons/Copy.js

@@ -0,0 +1,29 @@
+import { __rest } from 'tslib';
+import React from 'react';
+
+var Copy = function Copy(_a) {
+  var _a$fill = _a.fill,
+    fill = _a$fill === void 0 ? "currentColor" : _a$fill,
+    _a$width = _a.width,
+    width = _a$width === void 0 ? 24 : _a$width,
+    _a$height = _a.height,
+    height = _a$height === void 0 ? 24 : _a$height,
+    ref = _a.ref,
+    props = __rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    width: width,
+    height: height,
+    ref: ref
+  }, props, {
+    viewBox: "0 0 16 16"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1 5.71428V10.2857C1 11.2325 1.76751 12 2.71429 12H5.75V7.10957C5.75 6.54414 5.97724 6.00244 6.38065 5.60623L8.67403 3.35381C8.77447 3.25516 8.88376 3.16757 9 3.09182V2.71429C9 1.76751 8.23249 1 7.28571 1H5.8V4.42857C5.8 5.13865 5.22437 5.71428 4.51429 5.71428H1ZM9 4.78571L7.25654 6.49804C7.24689 6.50752 7.23749 6.5172 7.22834 6.52708C7.22208 6.53383 7.21594 6.54068 7.20991 6.54762C7.07504 6.70295 7 6.90234 7 7.10957V7.79762H9H10.0095C10.4829 7.79762 10.8667 7.41386 10.8667 6.94047V4H10.1505C9.92587 4 9.7102 4.0882 9.54992 4.24562L9 4.78571ZM4.86667 1H4.15053C3.92587 1 3.7102 1.0882 3.54992 1.24562L1.25654 3.49804C1.09244 3.65921 1 3.87957 1 4.10957V4.79762H4.00952C4.48291 4.79762 4.86667 4.41386 4.86667 3.94047V1ZM7 12V8.71428H9H10.5143C11.2244 8.71428 11.8 8.13865 11.8 7.42857V4H13.2857C14.2325 4 15 4.76751 15 5.71429V13.2857C15 14.2325 14.2325 15 13.2857 15H8.71429C7.76751 15 7 14.2325 7 13.2857V12Z",
+    fill: fill
+  }));
+};
+
+export { Copy };

package/esm/Icons/index.d.ts

@@ -3,6 +3,7 @@ export { Cart } from "./Cart";
 export { Check } from "./Check";
 export { Chevron } from "./Chevron";
 export { Close } from "./Close";
+export { Copy } from "./Copy";
 export { Cross } from "./Cross";
 export { CrossFill } from "./CrossFill";
 export { Edit } from "./Edit";

package/esm/NumberInput/NumberInput.module.css

@@ -1,5 +1,7 @@
 .field {
-  width: 20rem;
+  max-width: 100%;
+  min-width: 0;
+  width: 100%;
 }
 
 .end_content {

package/esm/Theme/index.d.ts

@@ -465,6 +465,8 @@ export declare const THEMES: {
         "component-grid-item-flex-basis": string;
         "component-select-menu-max-height": string;
         "component-date-picker-calendar-max-width": string;
+        "component-calendar-item-bg": string;
+        "component-calendar-item-bg-hover": string;
         "component-calendar-min-block-size": string;
         "component-calendar-min-inline-size": string;
         "component-calendar-months-min-block-size": string;
@@ -1092,6 +1094,8 @@ export declare const THEMES: {
         "component-grid-item-flex-basis": string;
         "component-select-menu-max-height": string;
         "component-date-picker-calendar-max-width": string;
+        "component-calendar-item-bg": string;
+        "component-calendar-item-bg-hover": string;
         "component-calendar-min-block-size": string;
         "component-calendar-min-inline-size": string;
         "component-calendar-months-min-block-size": string;

package/esm/Theme/themes/buenos_aires.d.ts

@@ -464,6 +464,8 @@ declare const _default: {
     "component-grid-item-flex-basis": string;
     "component-select-menu-max-height": string;
     "component-date-picker-calendar-max-width": string;
+    "component-calendar-item-bg": string;
+    "component-calendar-item-bg-hover": string;
     "component-calendar-min-block-size": string;
     "component-calendar-min-inline-size": string;
     "component-calendar-months-min-block-size": string;

package/esm/Theme/themes/buenos_aires.js

@@ -466,6 +466,8 @@ var THEME_BA = {
   "component-grid-item-flex-basis": "15.625rem",
   "component-select-menu-max-height": "13.75rem",
   "component-date-picker-calendar-max-width": "15.625rem",
+  "component-calendar-item-bg": Color.NEUTRAL_BA_0,
+  "component-calendar-item-bg-hover": Color.NEUTRAL_BA_100,
   "component-calendar-min-block-size": "22.5rem",
   "component-calendar-min-inline-size": "20rem",
   "component-calendar-months-min-block-size": "18.75rem",

package/esm/Theme/themes/jaipur.d.ts

@@ -464,6 +464,8 @@ declare const _default: {
     "component-grid-item-flex-basis": string;
     "component-select-menu-max-height": string;
     "component-date-picker-calendar-max-width": string;
+    "component-calendar-item-bg": string;
+    "component-calendar-item-bg-hover": string;
     "component-calendar-min-block-size": string;
     "component-calendar-min-inline-size": string;
     "component-calendar-months-min-block-size": string;

package/esm/Theme/themes/jaipur.js

@@ -466,6 +466,8 @@ var theme_jaipur = {
   "component-grid-item-flex-basis": "15.625rem",
   "component-select-menu-max-height": "13.75rem",
   "component-date-picker-calendar-max-width": "15.625rem",
+  "component-calendar-item-bg": Color.NEUTRAL_JP_0,
+  "component-calendar-item-bg-hover": Color.NEUTRAL_JP_100,
   "component-calendar-min-block-size": "22.5rem",
   "component-calendar-min-inline-size": "20rem",
   "component-calendar-months-min-block-size": "18.75rem",

package/esm/index.js

@@ -47,6 +47,7 @@ export { Cart } from './Icons/Cart.js';
 export { Check } from './Icons/Check.js';
 export { Chevron } from './Icons/Chevron.js';
 export { Close } from './Icons/Close.js';
+export { Copy } from './Icons/Copy.js';
 export { Cross } from './Icons/Cross.js';
 export { CrossFill } from './Icons/CrossFill.js';
 export { Edit } from './Icons/Edit.js';

package/esm/theme_ba_variables.css

@@ -464,6 +464,8 @@
 --component-grid-item-flex-basis: 15.625rem;
 --component-select-menu-max-height: 13.75rem;
 --component-date-picker-calendar-max-width: 15.625rem;
+--component-calendar-item-bg: #FFFFFF;
+--component-calendar-item-bg-hover: #EDF0EA;
 --component-calendar-min-block-size: 22.5rem;
 --component-calendar-min-inline-size: 20rem;
 --component-calendar-months-min-block-size: 18.75rem;

package/esm/theme_jaipur_variables.css

@@ -464,6 +464,8 @@
 --component-grid-item-flex-basis: 15.625rem;
 --component-select-menu-max-height: 13.75rem;
 --component-date-picker-calendar-max-width: 15.625rem;
+--component-calendar-item-bg: #FFFFFF;
+--component-calendar-item-bg-hover: #F2F1EE;
 --component-calendar-min-block-size: 22.5rem;
 --component-calendar-min-inline-size: 20rem;
 --component-calendar-months-min-block-size: 18.75rem;

package/index.js

@@ -53,6 +53,7 @@ var Check = require('./Icons/Check.js');
 var Chevron = require('./Icons/Chevron.js');
 var Close = require('./Icons/Close.js');
 var CodeField = require('./CodeField/CodeField.js');
+var Copy = require('./Icons/Copy.js');
 var Cross = require('./Icons/Cross.js');
 var CrossFill = require('./Icons/CrossFill.js');
 var Drawer = require('./Drawer/Drawer.js');
@@ -126,6 +127,7 @@ exports.CodeField = CodeField.CodeField;
 exports.ONLY_CHARS_PATTERN = CodeField.ONLY_CHARS_PATTERN;
 exports.ONLY_DIGITS_AND_CHARS_PATTERN = CodeField.ONLY_DIGITS_AND_CHARS_PATTERN;
 exports.ONLY_DIGITS_PATTERN = CodeField.ONLY_DIGITS_PATTERN;
+exports.Copy = Copy.Copy;
 exports.Cross = Cross.Cross;
 exports.CrossFill = CrossFill.CrossFill;
 exports.Drawer = Drawer.Drawer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colibri-ui",
-  "version": "0.8.72",
+  "version": "0.8.74",
   "description": "React UI components library",
   "main": "index.js",
   "types": "index.d.ts",
@@ -38,15 +38,16 @@
     "@babel/core": "7.29.6",
     "@babel/plugin-transform-modules-systemjs": "7.29.4",
     "@tootallnate/once": "2.0.1",
-    "**/glob/minimatch/brace-expansion": "1.1.13",
-    "**/rimraf/glob/minimatch/brace-expansion": "1.1.13",
-    "eslint/minimatch/brace-expansion": "1.1.13",
-    "@eslint/config-array/minimatch/brace-expansion": "1.1.13",
-    "fork-ts-checker-webpack-plugin/minimatch/brace-expansion": "1.1.13",
-    "**/@typescript-eslint/**/brace-expansion": "5.0.7",
-    "**/typescript-eslint/**/brace-expansion": "5.0.7",
+    "**/glob/minimatch/brace-expansion": "1.1.18",
+    "**/rimraf/glob/minimatch/brace-expansion": "1.1.18",
+    "minimatch/brace-expansion": "1.1.18",
+    "eslint/minimatch/brace-expansion": "1.1.18",
+    "@eslint/config-array/minimatch/brace-expansion": "1.1.18",
+    "fork-ts-checker-webpack-plugin/minimatch/brace-expansion": "1.1.18",
+    "**/@typescript-eslint/**/brace-expansion": "5.0.9",
+    "**/typescript-eslint/**/brace-expansion": "5.0.9",
     "diff": "4.0.4",
-    "fast-uri": "3.1.2",
+    "fast-uri": "3.1.6",
     "flatted": "3.4.2",
     "form-data": "4.0.6",
     "handlebars": "4.7.9",
@@ -60,9 +61,16 @@
     "micromatch/picomatch": "2.3.2",
     "**/@rollup/pluginutils/picomatch": "4.0.4",
     "**/tinyglobby/picomatch": "4.0.4",
-    "postcss": "8.5.16",
+    "**/@istanbuljs/load-nyc-config/js-yaml": "3.15.2",
+    "**/@eslint/eslintrc/js-yaml": "4.3.2",
+    "**/cosmiconfig/js-yaml": "4.3.2",
+    "**/micromatch/picomatch": "2.3.2",
+    "**/anymatch/picomatch": "2.3.2",
+    "**/jest-util/picomatch": "2.3.2",
+    "nanoid": "3.3.18",
+    "postcss": "8.5.26",
     "**/terser-webpack-plugin/serialize-javascript": "7.0.7",
-    "svgo": "3.3.3",
+    "svgo": "3.3.5",
     "webpack": "5.108.3",
     "ws": "8.21.0",
     "yaml": "1.10.3"

package/theme_ba_variables.css

@@ -464,6 +464,8 @@
 --component-grid-item-flex-basis: 15.625rem;
 --component-select-menu-max-height: 13.75rem;
 --component-date-picker-calendar-max-width: 15.625rem;
+--component-calendar-item-bg: #FFFFFF;
+--component-calendar-item-bg-hover: #EDF0EA;
 --component-calendar-min-block-size: 22.5rem;
 --component-calendar-min-inline-size: 20rem;
 --component-calendar-months-min-block-size: 18.75rem;

package/theme_jaipur_variables.css

@@ -464,6 +464,8 @@
 --component-grid-item-flex-basis: 15.625rem;
 --component-select-menu-max-height: 13.75rem;
 --component-date-picker-calendar-max-width: 15.625rem;
+--component-calendar-item-bg: #FFFFFF;
+--component-calendar-item-bg-hover: #F2F1EE;
 --component-calendar-min-block-size: 22.5rem;
 --component-calendar-min-inline-size: 20rem;
 --component-calendar-months-min-block-size: 18.75rem;