@opentrons/components 0.3.5-alpha.0 → 0.3.6-alpha.0

package/README.md

@@ -8,7 +8,7 @@
 
 ## Version
 
-`0.3.5-alpha.0`
+`0.3.6-alpha.0`
 
 ## License
 

package/lib/assets/localization/en/index.d.ts

@@ -189,6 +189,7 @@ export declare const shared_en_resources: {
         capture_image_zoom: string;
         close_latch: string;
         closing_tc_lid: string;
+        closing_vacuum_module_vent: string;
         column_layout: string;
         comment: string;
         configure_for_volume: string;
@@ -266,6 +267,7 @@ export declare const shared_en_resources: {
         open_latch: string;
         on_location: string;
         opening_tc_lid: string;
+        opening_vacuum_module_vent: string;
         partial_layout: string;
         partial_nozzles: string;
         pause: string;
@@ -304,12 +306,22 @@ export declare const shared_en_resources: {
         setting_thermocycler_block_temp_in_background: string;
         setting_thermocycler_lid_temp: string;
         setting_thermocycler_lid_temp_in_background: string;
+        setting_vacuum_module_power: string;
+        setting_vacuum_module_power_with_hold: string;
+        setting_vacuum_module_pressure: string;
+        setting_vacuum_module_pressure_with_hold: string;
         single: string;
         single_nozzle_layout: string;
         slot: string;
         stacker_hopper_display: string;
+        running_vacuum_module_profile: string;
+        running_vacuum_module_profile_generic: string;
+        vacuum_run_profile_cycle: string;
+        vacuum_run_profile_power_step: string;
+        vacuum_run_profile_pressure_step: string;
         starting: string;
         stopping: string;
+        stopping_vacuum_module: string;
         target_temperature: string;
         tc_awaiting_for_duration: string;
         tc_run_profile_steps: string;

package/lib/assets/localization/index.d.ts

@@ -192,6 +192,7 @@ export declare const resources: {
             capture_image_zoom: string;
             close_latch: string;
             closing_tc_lid: string;
+            closing_vacuum_module_vent: string;
             column_layout: string;
             comment: string;
             configure_for_volume: string;
@@ -269,6 +270,7 @@ export declare const resources: {
             open_latch: string;
             on_location: string;
             opening_tc_lid: string;
+            opening_vacuum_module_vent: string;
             partial_layout: string;
             partial_nozzles: string;
             pause: string;
@@ -307,12 +309,22 @@ export declare const resources: {
             setting_thermocycler_block_temp_in_background: string;
             setting_thermocycler_lid_temp: string;
             setting_thermocycler_lid_temp_in_background: string;
+            setting_vacuum_module_power: string;
+            setting_vacuum_module_power_with_hold: string;
+            setting_vacuum_module_pressure: string;
+            setting_vacuum_module_pressure_with_hold: string;
             single: string;
             single_nozzle_layout: string;
             slot: string;
             stacker_hopper_display: string;
+            running_vacuum_module_profile: string;
+            running_vacuum_module_profile_generic: string;
+            vacuum_run_profile_cycle: string;
+            vacuum_run_profile_power_step: string;
+            vacuum_run_profile_pressure_step: string;
             starting: string;
             stopping: string;
+            stopping_vacuum_module: string;
             target_temperature: string;
             tc_awaiting_for_duration: string;
             tc_run_profile_steps: string;

package/lib/atoms/CheckboxBasic/index.d.ts

@@ -0,0 +1,16 @@
+import type { ChangeEventHandler } from 'react';
+export interface CheckboxBasicProps {
+    /** false = unchecked, true = checked, 'indeterminate' = partial-select dash */
+    checked: boolean | 'indeterminate';
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    disabled?: boolean;
+    /** Use "On Color" Figma variant — border/mark colors flip to white/blue for use on colored backgrounds */
+    onColor?: boolean;
+    /**
+     * When unchecked: fills the checkbox box background.
+     * When checked: fills the checkmark (shows through the ot-checkbox transparent hole).
+     * When indeterminate: fills the dash mark.
+     */
+    backgroundColor?: string;
+}
+export declare function CheckboxBasic(props: CheckboxBasicProps): JSX.Element;

package/lib/atoms/CodeBlock/CodeBlock.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/atoms/CodeBlock/index.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+interface CodeBlockProps {
+    children: ReactNode | string;
+}
+export declare function CodeBlock({ children }: CodeBlockProps): JSX.Element;
+export {};

package/lib/atoms/index.d.ts

@@ -1,8 +1,10 @@
 export * from './AnimationVideo';
 export * from './buttons';
 export * from './Checkbox';
+export * from './CheckboxBasic';
 export * from './CheckboxField';
 export * from './Chip';
+export * from './CodeBlock';
 export * from './Divider';
 export * from './FixedTrashText';
 export * from './InlineNotification';

package/lib/icons/icon-data.d.ts

@@ -15,6 +15,10 @@ export declare const ICON_DATA_BY_NAME: {
         readonly path: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z";
         readonly viewBox: "0 0 24 24";
     };
+    readonly artifact: {
+        readonly path: "M3.33333 11.6667H9.16667V10H3.33333V11.6667ZM3.33333 8.33333H11.6667V6.66667H3.33333V8.33333ZM3.33333 5H11.6667V3.33333H3.33333V5ZM1.66667 15C1.20833 15 0.815972 14.8368 0.489583 14.5104C0.163194 14.184 0 13.7917 0 13.3333V1.66667C0 1.20833 0.163194 0.815972 0.489583 0.489583C0.815972 0.163194 1.20833 0 1.66667 0H13.3333C13.7917 0 14.184 0.163194 14.5104 0.489583C14.8368 0.815972 15 1.20833 15 1.66667V13.3333C15 13.7917 14.8368 14.184 14.5104 14.5104C14.184 14.8368 13.7917 15 13.3333 15H1.66667ZM1.66667 13.3333H13.3333V1.66667H1.66667V13.3333Z";
+        readonly viewBox: "0 0 15 15";
+    };
     readonly 'arrow-down': {
         readonly path: "M37.935 21.24L25.905 33.27V7.5H22.155V33.27L10.125 21.24L7.5 23.88L23.76 40.14L24.03 40.41L40.29 24.135L40.56 23.88L37.935 21.24Z";
         readonly viewBox: "0 0 48 48";
@@ -55,6 +59,10 @@ export declare const ICON_DATA_BY_NAME: {
         readonly path: "M1.4,4.9L0.6,4.1l1.6-1.6L0.6,0.9l0.7-0.7l2.4,2.4L1.4,4.9z";
         readonly viewBox: "0 0 4 5";
     };
+    readonly chat: {
+        readonly path: "M6 13.3333L5.83333 11.3333H5.66667C4.08889 11.3333 2.75 10.7833 1.65 9.68333C0.55 8.58333 0 7.24444 0 5.66667C0 4.08889 0.55 2.75 1.65 1.65C2.75 0.55 4.08889 0 5.66667 0C6.45556 0 7.19167 0.147222 7.875 0.441667C8.55833 0.736111 9.15833 1.14167 9.675 1.65833C10.1917 2.175 10.5972 2.775 10.8917 3.45833C11.1861 4.14167 11.3333 4.87778 11.3333 5.66667C11.3333 6.5 11.1972 7.3 10.925 8.06667C10.6528 8.83333 10.2806 9.54445 9.80834 10.2C9.33611 10.8556 8.775 11.45 8.125 11.9833C7.475 12.5167 6.76667 12.9667 6 13.3333Z";
+        readonly viewBox: "0 0 12 14";
+    };
     readonly check: {
         readonly path: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z";
         readonly viewBox: "0 0 24 24";
@@ -199,6 +207,10 @@ export declare const ICON_DATA_BY_NAME: {
         readonly path: "M32.6152 5.00001H7.39C6.85728 4.99882 6.32957 5.10287 5.83718 5.30619C5.34478 5.5095 4.89739 5.80808 4.5207 6.18477C4.14401 6.56146 3.84544 7.00884 3.64212 7.50124C3.43881 7.99364 3.33476 8.52135 3.33595 9.05406V31.5766C3.33476 32.1093 3.43881 32.637 3.64212 33.1294C3.84544 33.6218 4.14401 34.0692 4.5207 34.4459C4.89739 34.8226 5.34478 35.1212 5.83718 35.3245C6.32957 35.5278 6.85728 35.6318 7.39 35.6306H32.6152C33.1479 35.6318 33.6756 35.5278 34.168 35.3245C34.6604 35.1212 35.1078 34.8226 35.4845 34.4459C35.8612 34.0692 36.1598 33.6218 36.3631 33.1294C36.5664 32.637 36.6705 32.1093 36.6693 31.5766V9.05406C36.6705 8.52135 36.5664 7.99364 36.3631 7.50124C36.1598 7.00884 35.8612 6.56146 35.4845 6.18477C35.1078 5.80808 34.6604 5.5095 34.168 5.30619C33.6756 5.10287 33.1479 4.99882 32.6152 5.00001ZM33.9666 30.2252H6.03865V10.4054H33.9666V30.2252Z";
         readonly viewBox: "0 0 40 40";
     };
+    readonly folder: {
+        readonly path: "M3.3046 16.6888C2.85293 16.6888 2.46258 16.5245 2.13356 16.196C1.80453 15.8674 1.64001 15.4768 1.64001 15.0242V4.96459C1.64001 4.51195 1.80453 4.12132 2.13356 3.79271C2.46258 3.46424 2.85293 3.3 3.3046 3.3H8.01647L9.84126 5.1248H16.6975C17.1502 5.1248 17.5408 5.28903 17.8694 5.6175C18.1979 5.94611 18.3621 6.33667 18.3621 6.78917V15.0242C18.3621 15.4768 18.1979 15.8674 17.8694 16.196C17.5408 16.5245 17.1502 16.6888 16.6975 16.6888H3.3046ZM3.3046 15.2806H16.6975C16.7724 15.2806 16.8338 15.2566 16.8819 15.2085C16.9299 15.1605 16.954 15.099 16.954 15.0242V6.78917C16.954 6.71445 16.9299 6.65306 16.8819 6.605C16.8338 6.55695 16.7724 6.53292 16.6975 6.53292H9.26876L7.44397 4.70813H3.3046C3.22974 4.70813 3.16828 4.73216 3.12022 4.78021C3.07217 4.82827 3.04814 4.88973 3.04814 4.96459V15.0242C3.04814 15.099 3.07217 15.1605 3.12022 15.2085C3.16828 15.2566 3.22974 15.2806 3.3046 15.2806Z";
+        readonly viewBox: "0 0 20 20";
+    };
     readonly 'folder-open': {
         readonly path: "M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z";
         readonly viewBox: "0 0 24 24";
@@ -220,8 +232,8 @@ export declare const ICON_DATA_BY_NAME: {
         readonly viewBox: "0 0 24 24";
     };
     readonly info: {
-        readonly viewBox: "0 0 40 40";
         readonly path: "M18.8776 28.3335H21.3776V18.3335H18.8776V28.3335ZM20.0026 15.2502C20.3915 15.2502 20.7179 15.1252 20.9818 14.8752C21.2457 14.6252 21.3776 14.3057 21.3776 13.9168C21.3776 13.5279 21.2457 13.1946 20.9818 12.9168C20.7179 12.6391 20.3915 12.5002 20.0026 12.5002C19.6137 12.5002 19.2873 12.6391 19.0234 12.9168C18.7595 13.1946 18.6276 13.5279 18.6276 13.9168C18.6276 14.3057 18.7595 14.6252 19.0234 14.8752C19.2873 15.1252 19.6137 15.2502 20.0026 15.2502ZM20.0026 36.6668C17.7248 36.6668 15.572 36.2293 13.5443 35.3543C11.5165 34.4793 9.74566 33.2849 8.23177 31.771C6.71788 30.2571 5.52344 28.4863 4.64844 26.4585C3.77344 24.4307 3.33594 22.2641 3.33594 19.9585C3.33594 17.6807 3.77344 15.5279 4.64844 13.5002C5.52344 11.4724 6.71788 9.7085 8.23177 8.2085C9.74566 6.7085 11.5165 5.521 13.5443 4.646C15.572 3.771 17.7387 3.3335 20.0443 3.3335C22.322 3.3335 24.4748 3.771 26.5026 4.646C28.5304 5.521 30.2943 6.7085 31.7943 8.2085C33.2943 9.7085 34.4818 11.4724 35.3568 13.5002C36.2318 15.5279 36.6693 17.6946 36.6693 20.0002C36.6693 22.2779 36.2318 24.4307 35.3568 26.4585C34.4818 28.4863 33.2943 30.2571 31.7943 31.771C30.2943 33.2849 28.5304 34.4793 26.5026 35.3543C24.4748 36.2293 22.3082 36.6668 20.0026 36.6668ZM20.0443 34.1668C23.9609 34.1668 27.2943 32.7849 30.0443 30.021C32.7943 27.2571 34.1693 23.9029 34.1693 19.9585C34.1693 16.0418 32.7943 12.7085 30.0443 9.9585C27.2943 7.2085 23.947 5.8335 20.0026 5.8335C16.0859 5.8335 12.7457 7.2085 9.98177 9.9585C7.21788 12.7085 5.83594 16.0557 5.83594 20.0002C5.83594 23.9168 7.21788 27.2571 9.98177 30.021C12.7457 32.7849 16.0998 34.1668 20.0443 34.1668Z";
+        readonly viewBox: "0 0 40 40";
     };
     readonly information: {
         readonly path: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37259 18.6274 0 12 0C5.37259 0 0 5.37259 0 12C0 18.6274 5.37259 24 12 24ZM12.859 4.90789C12.5931 4.63596 12.2668 4.5 11.8801 4.5C11.4933 4.5 11.164 4.63596 10.8921 4.90789C10.6262 5.17982 10.4933 5.50613 10.4933 5.88683C10.4933 6.27357 10.6292 6.6029 10.9011 6.87483C11.1731 7.14676 11.4994 7.28272 11.8801 7.28272C12.2668 7.28272 12.5931 7.14676 12.859 6.87483C13.1309 6.6029 13.2669 6.27357 13.2669 5.88683C13.2669 5.50613 13.1309 5.17982 12.859 4.90789ZM9.39648 16.9543V17.625C10.0612 17.6008 10.8286 17.5888 11.6988 17.5888C12.708 17.5888 13.6416 17.6008 14.4996 17.625V16.918C13.8712 16.8938 13.4754 16.8425 13.3122 16.7639C13.2397 16.7277 13.1914 16.6551 13.1672 16.5464C13.1189 16.353 13.0947 15.7306 13.0947 14.6791V11.5973C13.0947 10.7694 13.1309 9.88416 13.2035 8.94147L12.9859 8.82364C12.436 9.04722 11.9284 9.2134 11.4631 9.32217C10.9978 9.43094 10.309 9.53367 9.39648 9.63036V10.3192C10.0975 10.3253 10.5084 10.3676 10.6292 10.4461C10.6836 10.4824 10.7229 10.561 10.7471 10.6818C10.8014 10.9416 10.8286 12.0173 10.8286 13.9087C10.8286 15.2864 10.7984 16.1415 10.738 16.4739C10.7138 16.631 10.6534 16.7397 10.5567 16.8002C10.46 16.8546 10.0733 16.9059 9.39648 16.9543Z";
@@ -623,6 +635,10 @@ export declare const ICON_DATA_BY_NAME: {
         readonly path: "M1.66602 15V5H3.33268V15H1.66602ZM13.3327 15L12.1452 13.8333L15.1452 10.8333H4.99935V9.16667H15.1452L12.166 6.16667L13.3327 5L18.3327 10L13.3327 15Z";
         readonly viewBox: "0 0 20 20";
     };
+    readonly 'step-detail': {
+        readonly path: "M12 11.5556V4.44444L8.44444 8L12 11.5556ZM1.77778 16C1.28889 16 0.87037 15.8259 0.522222 15.4778C0.174074 15.1296 0 14.7111 0 14.2222V1.77778C0 1.28889 0.174074 0.87037 0.522222 0.522222C0.87037 0.174074 1.28889 0 1.77778 0H14.2222C14.7111 0 15.1296 0.174074 15.4778 0.522222C15.8259 0.87037 16 1.28889 16 1.77778V14.2222C16 14.7111 15.8259 15.1296 15.4778 15.4778C15.1296 15.8259 14.7111 16 14.2222 16H1.77778ZM4.44444 14.2222V1.77778H1.77778V14.2222H4.44444ZM6.22222 14.2222H14.2222V1.77778H6.22222V14.2222Z";
+        readonly viewBox: "0 0 16 16";
+    };
     readonly 'swap-horizontal': {
         readonly path: "M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z";
         readonly viewBox: "0 0 24 24";