@ukic/canary-react 3.0.0-canary.31 → 3.0.0-canary.33

package/dist/components.d.ts

@@ -8,5 +8,6 @@ export declare const IcDatePicker: import("react").ForwardRefExoticComponent<JSX
 export declare const IcPaginationBar: import("react").ForwardRefExoticComponent<JSX.IcPaginationBar & Omit<import("react").HTMLAttributes<HTMLIcPaginationBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcPaginationBarElement>>;
 export declare const IcTableOfContents: import("react").ForwardRefExoticComponent<JSX.IcTableOfContents & Omit<import("react").HTMLAttributes<HTMLIcTableOfContentsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTableOfContentsElement>>;
 export declare const IcTimeInput: import("react").ForwardRefExoticComponent<JSX.IcTimeInput & Omit<import("react").HTMLAttributes<HTMLIcTimeInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTimeInputElement>>;
+export declare const IcTimeSelector: import("react").ForwardRefExoticComponent<JSX.IcTimeSelector & Omit<import("react").HTMLAttributes<HTMLIcTimeSelectorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTimeSelectorElement>>;
 export declare const IcTreeItem: import("react").ForwardRefExoticComponent<JSX.IcTreeItem & Omit<import("react").HTMLAttributes<HTMLIcTreeItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTreeItemElement>>;
 export declare const IcTreeView: import("react").ForwardRefExoticComponent<JSX.IcTreeView & Omit<import("react").HTMLAttributes<HTMLIcTreeViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIcTreeViewElement>>;

package/dist/components.js

@@ -13,5 +13,6 @@ export var IcDatePicker = /*@__PURE__*/ createReactComponent('ic-date-picker');
 export var IcPaginationBar = /*@__PURE__*/ createReactComponent('ic-pagination-bar');
 export var IcTableOfContents = /*@__PURE__*/ createReactComponent('ic-table-of-contents');
 export var IcTimeInput = /*@__PURE__*/ createReactComponent('ic-time-input');
+export var IcTimeSelector = /*@__PURE__*/ createReactComponent('ic-time-selector');
 export var IcTreeItem = /*@__PURE__*/ createReactComponent('ic-tree-item');
 export var IcTreeView = /*@__PURE__*/ createReactComponent('ic-tree-view');

package/dist/core/core.css

@@ -483,7 +483,11 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-input-text-field-content-disabled
   );--ic-text-field-typing-cursor:var(
     --ic-atoms-input-select-content-text-cursor
-  );--ic-time-picker-field-background:var(--ic-atoms-input-field-background);--ic-time-picker-time-field-border-default:var(
+  );--ic-time-picker-time-text-default:var(--ic-color-text-primary);--ic-time-picker-time-text-disabled:var(--ic-color-text-disabled-mid);--ic-time-picker-time-text-selected:var(--ic-color-text-inverted);--ic-time-picker-time-bg-hover:var(--ic-state-layers-action-bg-hover);--ic-time-picker-time-bg-pressed:var(--ic-state-layers-action-bg-pressed);--ic-time-picker-time-bg-selected:var(--ic-color-background-active);--ic-time-picker-time-active-bg-hover:var(
+    --ic-color-background-active-hover-light
+  );--ic-time-picker-time-active-bg-pressed:var(
+    --ic-color-background-active-pressed-light
+  );--ic-time-picker-colon-default:var(--ic-color-text-primary);--ic-time-picker-colon-bg-selected:var(--ic-action-default);--ic-time-picker-colon-selected:var(--ic-color-text-inverted);--ic-time-picker-hh-label:var(--ic-color-text-secondary);--ic-time-picker-selection-border:var(--ic-color-border-neutral-grey-dark);--ic-time-picker-header-border:var(--ic-color-border-neutral-grey-dark);--ic-time-picker-lower-border:var(--ic-color-border-neutral-grey-dark);--ic-time-picker-time-selector-bg:var(--ic-color-background-primary);--ic-time-picker-time-selector-border:var(--ic-state-layer-neutral-dark);--ic-time-picker-field-background:var(--ic-atoms-input-field-background);--ic-time-picker-time-field-border-default:var(
     --ic-color-border-neutral-grey-dark
   );--ic-time-picker-time-field-border-hover:var(
     --ic-color-border-neutral-hover-default
@@ -501,7 +505,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-color-border-success-pressed-light
   );--ic-time-picker-icon-error:var(--ic-atoms-input-state-icon-error);--ic-time-picker-icon-warning:var(--ic-atoms-input-state-icon-warning);--ic-time-picker-icon-success:var(--ic-atoms-input-state-icon-success);--ic-time-picker-label:var(--ic-atoms-input-field-label);--ic-time-picker-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-time-picker-status-text:var(--ic-atoms-input-state-text);--ic-time-picker-subtitle:var(--ic-atoms-input-field-label-subtitle);--ic-time-picker-subtitle-disabled:var(
     --ic-atoms-input-field-label-subtitle-disabled
-  );--ic-time-picker-time-text-default:var(--ic-color-text-primary);--ic-time-picker-time-text-disabled:var(--ic-color-text-disabled-mid);--ic-time-picker-field-placeholder-text:var(
+  );--ic-time-picker-field-placeholder-text:var(
     --ic-atoms-input-text-field-content-placeholder
   );--ic-time-picker-typing-cursor:var(
     --ic-atoms-input-select-content-text-cursor
@@ -1131,7 +1135,17 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
       --ic-atoms-input-text-field-content-disabled
     );--ic-text-field-typing-cursor:var(
       --ic-atoms-input-select-content-text-cursor
-    );--ic-time-picker-field-background:var(--ic-atoms-input-field-background);--ic-time-picker-time-field-border-default:var(
+    );--ic-time-picker-time-text-default:var(--ic-color-text-primary);--ic-time-picker-time-text-disabled:var(--ic-color-text-disabled-dark);--ic-time-picker-time-text-selected:var(--ic-color-text-inverted);--ic-time-picker-time-bg-hover:var(
+      --ic-state-layers-action-bg-light-hover
+    );--ic-time-picker-time-bg-pressed:var(
+      --ic-state-layers-action-bg-light-pressed
+    );--ic-time-picker-time-bg-selected:var(--ic-color-background-active);--ic-time-picker-time-active-bg-hover:var(
+      --ic-color-background-active-hover-dark
+    );--ic-time-picker-time-active-bg-pressed:var(
+      --ic-color-background-active-pressed-dark
+    );--ic-time-picker-colon-default:var(--ic-color-text-primary);--ic-time-picker-colon-bg-selected:var(--ic-action-default);--ic-time-picker-colon-selected:var(--ic-color-text-inverted);--ic-time-picker-hh-label:var(--ic-color-text-secondary);--ic-time-picker-selection-border:var(--ic-color-border-neutral-grey-dark);--ic-time-picker-header-border:var(--ic-color-border-neutral-grey-dark);--ic-time-picker-lower-border:var(--ic-color-border-neutral-grey-dark);--ic-time-picker-time-selector-bg:var(
+      --ic-color-background-elevation-level-2
+    );--ic-time-picker-time-selector-border:var(--ic-state-layer-neutral-dark);--ic-time-picker-field-background:var(--ic-atoms-input-field-background);--ic-time-picker-time-field-border-default:var(
       --ic-color-border-neutral-default-dark
     );--ic-time-picker-time-field-border-hover:var(
       --ic-color-border-neutral-hover-dark
@@ -1157,7 +1171,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
       --ic-color-border-success-pressed-dark
     );--ic-time-picker-icon-error:var(--ic-atoms-input-state-icon-error);--ic-time-picker-icon-warning:var(--ic-atoms-input-state-icon-warning);--ic-time-picker-icon-success:var(--ic-atoms-input-state-icon-success);--ic-time-picker-label:var(--ic-atoms-input-field-label);--ic-time-picker-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-time-picker-status-text:var(--ic-atoms-input-state-text);--ic-time-picker-subtitle:var(--ic-atoms-input-field-label-subtitle);--ic-time-picker-subtitle-disabled:var(
       --ic-atoms-input-field-label-subtitle-disabled
-    );--ic-time-picker-time-text-default:var(--ic-color-text-primary);--ic-time-picker-time-text-disabled:var(--ic-color-text-disabled-dark);--ic-time-picker-field-placeholder-text:var(
+    );--ic-time-picker-field-placeholder-text:var(
       --ic-atoms-input-text-field-content-placeholder
     );--ic-time-picker-typing-cursor:var(
       --ic-atoms-input-select-content-text-cursor
@@ -1719,7 +1733,15 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-input-text-field-content-disabled
   );--ic-text-field-typing-cursor:var(
     --ic-atoms-input-select-content-text-cursor
-  );--ic-time-picker-field-background:var(--ic-atoms-input-field-background);--ic-time-picker-time-field-border-default:var(
+  );--ic-time-picker-time-text-default:var(--ic-color-text-primary);--ic-time-picker-time-text-disabled:var(--ic-color-text-disabled-dark);--ic-time-picker-time-text-selected:var(--ic-color-text-inverted);--ic-time-picker-time-bg-hover:var(--ic-state-layers-action-bg-light-hover);--ic-time-picker-time-bg-pressed:var(
+    --ic-state-layers-action-bg-light-pressed
+  );--ic-time-picker-time-bg-selected:var(--ic-color-background-active);--ic-time-picker-time-active-bg-hover:var(
+    --ic-color-background-active-hover-dark
+  );--ic-time-picker-time-active-bg-pressed:var(
+    --ic-color-background-active-pressed-dark
+  );--ic-time-picker-colon-default:var(--ic-color-text-primary);--ic-time-picker-colon-bg-selected:var(--ic-action-default);--ic-time-picker-colon-selected:var(--ic-color-text-inverted);--ic-time-picker-hh-label:var(--ic-color-text-secondary);--ic-time-picker-selection-border:var(--ic-color-border-neutral-grey-dark);--ic-time-picker-header-border:var(--ic-color-border-neutral-grey-dark);--ic-time-picker-lower-border:var(--ic-color-border-neutral-grey-dark);--ic-time-picker-time-selector-bg:var(
+    --ic-color-background-elevation-level-2
+  );--ic-time-picker-time-selector-border:var(--ic-state-layer-neutral-dark);--ic-time-picker-field-background:var(--ic-atoms-input-field-background);--ic-time-picker-time-field-border-default:var(
     --ic-color-border-neutral-default-dark
   );--ic-time-picker-time-field-border-hover:var(
     --ic-color-border-neutral-hover-dark
@@ -1739,7 +1761,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-color-border-success-pressed-dark
   );--ic-time-picker-icon-error:var(--ic-atoms-input-state-icon-error);--ic-time-picker-icon-warning:var(--ic-atoms-input-state-icon-warning);--ic-time-picker-icon-success:var(--ic-atoms-input-state-icon-success);--ic-time-picker-label:var(--ic-atoms-input-field-label);--ic-time-picker-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-time-picker-status-text:var(--ic-atoms-input-state-text);--ic-time-picker-subtitle:var(--ic-atoms-input-field-label-subtitle);--ic-time-picker-subtitle-disabled:var(
     --ic-atoms-input-field-label-subtitle-disabled
-  );--ic-time-picker-time-text-default:var(--ic-color-text-primary);--ic-time-picker-time-text-disabled:var(--ic-color-text-disabled-dark);--ic-time-picker-field-placeholder-text:var(
+  );--ic-time-picker-field-placeholder-text:var(
     --ic-atoms-input-text-field-content-placeholder
   );--ic-time-picker-typing-cursor:var(
     --ic-atoms-input-select-content-text-cursor

package/package.json

@@ -1,46 +1,55 @@
 {
   "name": "@ukic/canary-react",
+  "version": "3.0.0-canary.33",
+  "description": "React-wrapped web components compiled using StencilJS",
+  "bugs": {
+    "url": "https://github.com/mi6/ic-ui-kit/issues",
+    "email": "icds@gchq.gov.uk"
+  },
+  "repository": {
+    "url": "git+https://github.com/mi6/ic-ui-kit.git",
+    "directory": "packages/canary-react"
+  },
+  "license": "MIT",
   "sideEffects": [
     "*.css"
   ],
-  "version": "3.0.0-canary.31",
-  "description": "React-wrapped web components compiled using StencilJS",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist/"
+  ],
   "scripts": {
+    "audit": "echo 'Audit for: @ukic/canary-react' && audit-ci -m --config ../../audit-ci.json",
     "build": "npm run clean && npm run compile && npm run copy:core-css && npm run copy:normalize-css",
-    "cypress": "cypress run --component --headed",
-    "cypress:open": "cypress open",
-    "cypress:component": "cypress run --component --headless",
-    "cypress:ci": "cross-env CYPRESS_CI=true npm run cypress:component",
+    "build-storybook": "rimraf ./storybook-static && storybook build",
     "clean": "rimraf dist",
     "compile": "npm run tsc",
-    "tsc": "tsc -p .",
-    "rollup": "rollup -c",
-    "storybook": "storybook dev -p 6009",
-    "build-storybook": "rimraf ./storybook-static && storybook build",
-    "audit": "echo 'Audit for: @ukic/canary-react' && audit-ci -m --config ../../audit-ci.json",
     "copy:core-css": "echo 'Copy core.css from: @ukic/canary-web-components' && mkdirp -p ./dist/core && ncp ../canary-web-components/dist/core/core.css ./dist/core/core.css",
     "copy:normalize-css": "echo 'Copy normalize.css from: @ukic/canary-web-components' && ncp ../canary-web-components/dist/core/normalize.css ./dist/core/normalize.css",
+    "cypress": "cypress run --component --headed",
+    "cypress:ci": "cross-env CYPRESS_CI=true npm run cypress:component",
+    "cypress:component": "cypress run --component --headless",
+    "cypress:open": "cypress open",
     "prettier": "prettier --config ../../.prettierrc.json --ignore-path ../../.prettierignore src --check",
-    "prettier:fix": "prettier --config ../../.prettierrc.json --ignore-path ../../.prettierignore src --write"
-  },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist/"
-  ],
-  "repository": {
-    "url": "git+https://github.com/mi6/ic-ui-kit.git",
-    "directory": "packages/canary-react"
+    "prettier:fix": "prettier --config ../../.prettierrc.json --ignore-path ../../.prettierignore src --write",
+    "rollup": "rollup -c",
+    "storybook": "storybook dev -p 6009",
+    "tsc": "tsc -p ."
   },
-  "bugs": {
-    "url": "https://github.com/mi6/ic-ui-kit/issues",
-    "email": "icds@gchq.gov.uk"
+  "jest": {
+    "preset": "ts-jest",
+    "setupTestFrameworkScriptFile": "<rootDir>/jest.setup.js",
+    "testPathIgnorePatterns": [
+      "node_modules",
+      "dist"
+    ]
   },
   "dependencies": {
-    "@ukic/canary-web-components": "^3.0.0-canary.31",
-    "@ukic/react": "^3.15.0",
-    "@ukic/web-components": "^3.15.0"
+    "@ukic/canary-web-components": "^3.0.0-canary.33",
+    "@ukic/react": "^3.17.0",
+    "@ukic/web-components": "^3.17.0"
   },
   "devDependencies": {
     "@babel/core": "^7.16.0",
@@ -94,15 +103,6 @@
     "react": "^16.7.0 || ^17.0.2 || ^18.2.0 || ^19.0.0",
     "react-dom": "^16.7.0 || ^17.0.2 || ^18.2.0 || ^19.0.0"
   },
-  "jest": {
-    "preset": "ts-jest",
-    "setupTestFrameworkScriptFile": "<rootDir>/jest.setup.js",
-    "testPathIgnorePatterns": [
-      "node_modules",
-      "dist"
-    ]
-  },
-  "license": "MIT",
   "packageManager": "^npm@10.9.2",
-  "gitHead": "055d3ec189bdc7b19e08762df4a74905043b5ea3"
+  "gitHead": "f02f7dbf5c2a7967e86689b425e601f34f50231b"
 }