@apify/ui-library 1.127.3 → 1.127.4

package/dist/src/components/checkbox/checkbox.d.ts

@@ -0,0 +1,18 @@
+import * as CheckboxPrimitiveReact from '@radix-ui/react-checkbox';
+import { type ComponentPropsWithoutRef, type FC } from 'react';
+type CheckboxBaseProps = Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitiveReact.Root>, 'checked' | 'onCheckedChange' | 'value'> & {
+    setValue: (checked: boolean) => void;
+    error?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+};
+export type CheckboxPrimitiveProps = CheckboxBaseProps & {
+    value: boolean;
+};
+export type IndeterminateCheckboxProps = CheckboxBaseProps & {
+    value: boolean | null;
+};
+export declare const CheckboxPrimitive: FC<CheckboxPrimitiveProps>;
+export declare const IndeterminateCheckbox: FC<IndeterminateCheckboxProps>;
+export {};
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/src/components/checkbox/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,sBAAsB,MAAM,0BAA0B,CAAC;AAEnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AA+B/D,KAAK,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,sBAAsB,CAAC,IAAI,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,OAAO,CAAC,GAAG;IACnI,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,GAAG;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,CAAC;AAC5E,MAAM,MAAM,0BAA0B,GAAG,iBAAiB,GAAG;IAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CAAE,CAAC;AA2BvF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAMxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAYhE,CAAC"}

package/dist/src/components/checkbox/checkbox.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as CheckboxPrimitiveReact from '@radix-ui/react-checkbox';
+import clsx from 'clsx';
+import {} from 'react';
+import styled from 'styled-components';
+import { CheckIcon, MinusIcon, } from '@apify/ui-icons';
+import { theme } from '../../design_system/theme.js';
+import { checkboxStyle } from './checkbox.style.js';
+const StyledCheckbox = styled(CheckboxPrimitiveReact.Root) `
+    all: unset;
+    ${checkboxStyle};
+`;
+const StyledIndicator = styled(CheckboxPrimitiveReact.Indicator) `
+    color: ${theme.color.neutral.textOnPrimary};
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .disabled & {
+        color: ${theme.color.neutral.textMuted};
+    }
+`;
+const IndeterminateIndicator = styled(StyledIndicator) `
+    color: ${theme.color.neutral.textOnPrimary};
+`;
+const InternalCheckbox = ({ children, value, setValue, error, disabled, readOnly, className, ...rest }) => (_jsx(StyledCheckbox, { ...rest, checked: value == null ? 'indeterminate' : value, onCheckedChange: setValue, disabled: disabled || readOnly, className: clsx(className, error && 'error', (disabled || readOnly) && 'disabled'), children: children }));
+export const CheckboxPrimitive = (props) => (_jsx(InternalCheckbox, { ...props, children: _jsx(StyledIndicator, { children: _jsx(CheckIcon, { size: "12" }) }) }));
+export const IndeterminateCheckbox = (props) => (_jsx(InternalCheckbox, { ...props, className: "indeterminate", children: props.value == null ? (_jsx(IndeterminateIndicator, { children: _jsx(MinusIcon, { size: "12" }) })) : (_jsx(StyledIndicator, { children: _jsx(CheckIcon, { size: "12" }) })) }));
+//# sourceMappingURL=checkbox.js.map

package/dist/src/components/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,sBAAsB,MAAM,0BAA0B,CAAC;AACnE,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EACH,SAAS,EAAE,SAAS,GACvB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,cAAc,GAAG,MAAM,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAA;;MAEpD,aAAa;CAClB,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAA;aACnD,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa;;;;;;;iBAO7B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;;CAE7C,CAAC;AAEF,MAAM,sBAAsB,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;aACzC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa;CAC7C,CAAC;AAYF,MAAM,gBAAgB,GAAmC,CAAC,EACtD,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EAAE,EAAE,CAAC,CACF,KAAC,cAAc,OACP,IAAI,EACR,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,EAChD,eAAe,EAAE,QAAQ,EACzB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,SAAS,EAAE,IAAI,CACX,SAAS,EACT,KAAK,IAAI,OAAO,EAChB,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,UAAU,CACvC,YAEA,QAAQ,GACI,CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAA+B,CAAC,KAAK,EAAE,EAAE,CAAC,CACpE,KAAC,gBAAgB,OAAK,KAAK,YACvB,KAAC,eAAe,cACZ,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,GACT,GACH,CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAmC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5E,KAAC,gBAAgB,OAAK,KAAK,EAAE,SAAS,EAAC,eAAe,YACjD,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CACnB,KAAC,sBAAsB,cACnB,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,GACF,CAC5B,CAAC,CAAC,CAAC,CACA,KAAC,eAAe,cACZ,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,GACT,CACrB,GACc,CACtB,CAAC"}

package/dist/src/components/checkbox/checkbox.style.d.ts

@@ -0,0 +1,2 @@
+export declare const checkboxStyle: import("styled-components").RuleSet<object>;
+//# sourceMappingURL=checkbox.style.d.ts.map

package/dist/src/components/checkbox/checkbox.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.style.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.style.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,6CAyDzB,CAAC"}

package/dist/src/components/checkbox/checkbox.style.js

@@ -0,0 +1,61 @@
+import { css } from 'styled-components';
+import { theme } from '../../design_system/theme.js';
+export const checkboxStyle = css `
+    overflow: hidden;
+    border: 1px solid ${theme.color.neutral.border};
+    border-radius: ${theme.radius.radius4};
+    background-color: ${theme.color.neutral.background};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+    position: relative;
+    box-sizing: border-box;
+    transition: border-color 120ms ease-out, background-color 120ms ease-out !important;
+
+    &:hover, &:focus {
+        border-color: ${theme.color.primary.action};
+        cursor: pointer;
+    }
+
+    &.disabled {
+        background-color: ${theme.color.neutral.textDisabled};
+        border-color: ${theme.color.neutral.border};
+    }
+
+    &.error {
+        border-color: ${theme.color.danger.text};
+    }
+
+    &.indeterminate {
+        background-color: ${theme.color.primary.action};
+        border-color: ${theme.color.primary.action};
+    }
+
+    &[data-state="checked"] {
+        background-color: ${theme.color.primary.action};
+        border-color: ${theme.color.primary.action};
+
+        &:hover {
+            background-color: ${theme.color.primary.actionHover};
+            border-color: ${theme.color.primary.actionHover};
+        }
+
+        &.error {
+            background-color: ${theme.color.danger.action};
+            border-color: ${theme.color.danger.action};
+
+            &:hover {
+                background-color: ${theme.color.danger.actionHover};
+                border-color: ${theme.color.danger.actionHover};
+            }
+        }
+
+        &.disabled {
+            background-color: ${theme.color.neutral.textDisabled};
+            border-color: ${theme.color.neutral.border};
+        }
+    }
+`;
+//# sourceMappingURL=checkbox.style.js.map

package/dist/src/components/checkbox/checkbox.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.style.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;wBAER,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;qBAC7B,KAAK,CAAC,MAAM,CAAC,OAAO;wBACjB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;;;;;;;;;;;wBAW9B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;;;;4BAKtB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;wBACpC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;;;wBAI1B,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;;;;4BAInB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;wBAC9B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;;;4BAItB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;wBAC9B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;;gCAGlB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;4BACnC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW;;;;gCAI3B,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;4BAC7B,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;;;oCAGjB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;gCAClC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;;;;;gCAK9B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;4BACpC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;;CAGrD,CAAC"}

package/dist/src/components/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './checkbox.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/src/components/checkbox/index.js

@@ -0,0 +1,2 @@
+export * from './checkbox.js';
+//# sourceMappingURL=index.js.map

package/dist/src/components/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/src/components/index.d.ts

@@ -26,4 +26,5 @@ export * from './shortcut.js';
 export * from './icon_button.js';
 export * from './spinner.js';
 export * from './store/index.js';
+export * from './checkbox/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}

package/dist/src/components/index.js

@@ -26,4 +26,5 @@ export * from './shortcut.js';
 export * from './icon_button.js';
 export * from './spinner.js';
 export * from './store/index.js';
+export * from './checkbox/index.js';
 //# sourceMappingURL=index.js.map

package/dist/src/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}