@workday/canvas-kit-preview-react 15.0.0-alpha.0074-next.0 → 15.0.0-alpha.0076-next.0

package/dist/commonjs/pill/lib/PillIconButton.d.ts

@@ -1,148 +0,0 @@
-import { SystemIconProps } from '@workday/canvas-kit-react/icon';
-export interface PillIconButtonProps extends Partial<SystemIconProps> {
-    /**
-     * The aria label for the removable icon. You must provide a valid string to represent the action.
-     */
-    'aria-label'?: string;
-}
-export declare const pillIconButtonStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<{
-    size: {
-        large: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "var(--cnvs-sys-size-xl, 3rem)";
-            paddingInline: "var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8))";
-            minWidth: "--cnvs-base-size-1400";
-            fontFamily: "--cnvs-sys-font-family-default";
-            lineHeight: "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small))";
-            fontSize: "var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small))";
-            letterSpacing: "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-base-letter-spacing-200))";
-        };
-        medium: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            minWidth: "--cnvs-base-size-1200";
-            paddingInline: "var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6))";
-            height: "var(--cnvs-sys-size-lg, var(--cnvs-sys-space-x10))";
-            fontFamily: "var(--cnvs-sys-font-family-default, var(--cnvs-sys-font-family-default))";
-            lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large))";
-            fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large))";
-            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-50))";
-        };
-        small: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "var(--cnvs-sys-size-md, var(--cnvs-sys-space-x8))";
-            minWidth: "--cnvs-base-size-1000";
-            paddingInline: "var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4))";
-            gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1))";
-            fontFamily: "var(--cnvs-sys-font-family-default, var(--cnvs-sys-font-family-default))";
-            lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large))";
-            fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large))";
-            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-50))";
-        };
-        extraSmall: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x6))";
-            minWidth: string;
-            paddingInline: "var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3))";
-            gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1))";
-            fontFamily: "var(--cnvs-sys-font-family-default, var(--cnvs-sys-font-family-default))";
-            lineHeight: "var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium))";
-            fontSize: "var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium))";
-            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-base-letter-spacing-100))";
-        };
-    };
-    grow: {
-        true: {
-            width: string;
-            maxWidth: string;
-        };
-    };
-    iconPosition: {
-        only: {
-            padding: "var(--cnvs-sys-padding-none, var(--cnvs-sys-space-zero))";
-        };
-        start: {};
-        end: {};
-    };
-}, {}, {
-    background: string;
-    border: string;
-    boxShadowInner: string;
-    boxShadowOuter: string;
-    label: string;
-    opacity: string;
-    borderRadius: string;
-}, never, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<{
-    size: {
-        large: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "var(--cnvs-sys-size-xl, 3rem)";
-            paddingInline: "var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8))";
-            minWidth: "--cnvs-base-size-1400";
-            fontFamily: "--cnvs-sys-font-family-default";
-            lineHeight: "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small))";
-            fontSize: "var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small))";
-            letterSpacing: "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-base-letter-spacing-200))";
-        };
-        medium: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            minWidth: "--cnvs-base-size-1200";
-            paddingInline: "var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6))";
-            height: "var(--cnvs-sys-size-lg, var(--cnvs-sys-space-x10))";
-            fontFamily: "var(--cnvs-sys-font-family-default, var(--cnvs-sys-font-family-default))";
-            lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large))";
-            fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large))";
-            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-50))";
-        };
-        small: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "var(--cnvs-sys-size-md, var(--cnvs-sys-space-x8))";
-            minWidth: "--cnvs-base-size-1000";
-            paddingInline: "var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4))";
-            gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1))";
-            fontFamily: "var(--cnvs-sys-font-family-default, var(--cnvs-sys-font-family-default))";
-            lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large))";
-            fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large))";
-            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-50))";
-        };
-        extraSmall: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x6))";
-            minWidth: string;
-            paddingInline: "var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3))";
-            gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1))";
-            fontFamily: "var(--cnvs-sys-font-family-default, var(--cnvs-sys-font-family-default))";
-            lineHeight: "var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium))";
-            fontSize: "var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium))";
-            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-base-letter-spacing-100))";
-        };
-    };
-    grow: {
-        true: {
-            width: string;
-            maxWidth: string;
-        };
-    };
-    iconPosition: {
-        only: {
-            padding: "var(--cnvs-sys-padding-none, var(--cnvs-sys-space-zero))";
-        };
-        start: {};
-        end: {};
-    };
-}, {}, {
-    background: string;
-    border: string;
-    boxShadowInner: string;
-    boxShadowOuter: string;
-    label: string;
-    opacity: string;
-    borderRadius: string;
-}, never, never>, never>;
-export declare const PillIconButton: import("@workday/canvas-kit-react/common").ElementComponentM<"button", PillIconButtonProps, {
-    state: {
-        id: string;
-        disabled: boolean;
-    };
-    events: {};
-}>;
-//# sourceMappingURL=PillIconButton.d.ts.map

package/dist/commonjs/pill/lib/PillIconButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PillIconButton.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAQ9F,MAAM,WAAW,mBAAoB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACnE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA+ChC,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;EAoB1B,CAAC"}

package/dist/commonjs/pill/lib/PillIconButton.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PillIconButton = exports.pillIconButtonStencil = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const common_1 = require("@workday/canvas-kit-react/common");
-const icon_1 = require("@workday/canvas-kit-react/icon");
-const usePillModel_1 = require("./usePillModel");
-const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-const button_1 = require("@workday/canvas-kit-react/button");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const layout_1 = require("@workday/canvas-kit-react/layout");
-exports.pillIconButtonStencil = (0, canvas_kit_styling_1.createStencil)({
-    extends: button_1.buttonStencil,
-    base: { name: "1cihdw", styles: "box-sizing:border-box;margin-inline-end:calc(0.4375rem * -1);margin-inline-start:calc(0.125rem * -1);border-radius:var(--cnvs-sys-shape-half);height:calc(var(--cnvs-sys-space-x4) + var(--cnvs-sys-space-x1));width:calc(var(--cnvs-sys-space-x4) + var(--cnvs-sys-space-x1));padding:var(--cnvs-sys-space-zero);overflow:visible;flex:0 0 auto;--border-button-f6d2bd:var(--cnvs-sys-color-border-transparent);--background-button-f6d2bd:var(--cnvs-sys-color-bg-alt-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-strong);--size-svg-8fcab8:var(--cnvs-sys-space-x6);::after{content:\"\";height:var(--cnvs-sys-space-x8);width:var(--cnvs-sys-space-x8);position:absolute;left:calc(0.4375rem * -1);bottom:calc(0.4375rem * -1);margin:var(--cnvs-sys-space-zero);pointer-events:all;}&:focus-visible, &.focus{--border-button-f6d2bd:var(--cnvs-sys-color-border-transparent);--background-button-f6d2bd:var(--cnvs-sys-color-bg-alt-default);box-shadow:0 0 0 0px var(--cnvs-sys-color-border-transparent), 0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}&:hover, &.hover{--border-button-f6d2bd:var(--cnvs-sys-color-border-transparent);--background-button-f6d2bd:var(--cnvs-sys-color-bg-alt-strong);}&:active, &.active{--border-button-f6d2bd:var(--cnvs-sys-color-border-transparent);--background-button-f6d2bd:var(--cnvs-sys-color-bg-alt-stronger);}&:disabled, &.disabled{--border-button-f6d2bd:var(--cnvs-sys-color-border-transparent);--background-button-f6d2bd:var(--cnvs-sys-color-bg-alt-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-disabled);}" }
-}, "pill-icon-button-10e7a0");
-exports.PillIconButton = (0, common_1.createSubcomponent)('button')({
-    modelHook: usePillModel_1.usePillModel,
-})(({ size, icon, children, 'aria-label': ariaLabel = '', ...elemProps }, Element, model) => {
-    return ((0, jsx_runtime_1.jsx)(Element, { disabled: model.state.disabled, "aria-labelledby": `removable-${model.state.id} label-${model.state.id}`, ...(0, layout_1.mergeStyles)(elemProps, (0, exports.pillIconButtonStencil)()), children: (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { "aria-label": ariaLabel, id: `removable-${model.state.id}`, icon: icon || canvas_system_icons_web_1.xSmallIcon, "aria-hidden": true, role: "img" }) }));
-});

package/dist/commonjs/pill/lib/PillLabel.d.ts

@@ -1,14 +0,0 @@
-import { BoxProps } from '@workday/canvas-kit-react/layout';
-import { OverflowTooltipProps } from '@workday/canvas-kit-react/tooltip';
-export interface PillLabelProps extends BoxProps {
-    tooltipProps?: Omit<OverflowTooltipProps, 'children'>;
-}
-export declare const pillLabelStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>;
-export declare const PillLabel: import("@workday/canvas-kit-react/common").ElementComponentM<"span", PillLabelProps, {
-    state: {
-        id: string;
-        disabled: boolean;
-    };
-    events: {};
-}>;
-//# sourceMappingURL=PillLabel.d.ts.map

package/dist/commonjs/pill/lib/PillLabel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PillLabel.d.ts","sourceRoot":"","sources":["../../../../pill/lib/PillLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAMxF,MAAM,WAAW,cAAe,SAAQ,QAAQ;IAC9C,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,gBAAgB,iJAO3B,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;EAUpB,CAAC"}

package/dist/commonjs/pill/lib/PillLabel.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PillLabel = exports.pillLabelStencil = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const common_1 = require("@workday/canvas-kit-react/common");
-const layout_1 = require("@workday/canvas-kit-react/layout");
-const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
-const usePillModel_1 = require("./usePillModel");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-exports.pillLabelStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "3j86df", styles: "box-sizing:border-box;flex-shrink:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;" }
-}, "pill-label-412177");
-exports.PillLabel = (0, common_1.createSubcomponent)('span')({
-    modelHook: usePillModel_1.usePillModel,
-})(({ tooltipProps, children, ...elemProps }, Element, model) => {
-    return ((0, jsx_runtime_1.jsx)(tooltip_1.OverflowTooltip, { ...tooltipProps, children: (0, jsx_runtime_1.jsx)(Element, { id: `label-${model.state.id}`, ...(0, layout_1.mergeStyles)(elemProps, (0, exports.pillLabelStencil)()), children: children }) }));
-});

package/dist/commonjs/pill/lib/usePillModel.d.ts

@@ -1,46 +0,0 @@
-export declare const usePillModel: (<TT_Special_Generic>(config?: (Partial<{
-    /**
-     * Used to disable a pill and apply the correct styles.
-     */
-    disabled: boolean;
-    /**
-     * ID used to add accessibility labels to pill elements.
-     * @default `useUniqueId()`
-     */
-    id: string;
-}> & {} & {}) | undefined) => {
-    state: {
-        id: string;
-        /**
-         * Used to disable a pill and apply the correct styles.
-         */
-        disabled: boolean;
-    };
-    events: {};
-}) & import("@workday/canvas-kit-react/common").ModelExtras<{
-    /**
-     * Used to disable a pill and apply the correct styles.
-     */
-    disabled: boolean;
-    /**
-     * ID used to add accessibility labels to pill elements.
-     * @default `useUniqueId()`
-     */
-    id: string;
-}, {}, {
-    id: string;
-    /**
-     * Used to disable a pill and apply the correct styles.
-     */
-    disabled: boolean;
-}, {}, {
-    state: {
-        id: string;
-        /**
-         * Used to disable a pill and apply the correct styles.
-         */
-        disabled: boolean;
-    };
-    events: {};
-}>;
-//# sourceMappingURL=usePillModel.d.ts.map

package/dist/commonjs/pill/lib/usePillModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePillModel.d.ts","sourceRoot":"","sources":["../../../../pill/lib/usePillModel.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;IAErB;;OAEG;;IAEH;;;OAGG;;;;;QAPH;;WAEG;;;;;IAFH;;OAEG;;IAEH;;;OAGG;;;;IAPH;;OAEG;;;;;QAFH;;WAEG;;;;EAgBL,CAAC"}

package/dist/commonjs/pill/lib/usePillModel.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePillModel = void 0;
-const common_1 = require("@workday/canvas-kit-react/common");
-exports.usePillModel = (0, common_1.createModelHook)({
-    defaultConfig: {
-        /**
-         * Used to disable a pill and apply the correct styles.
-         */
-        disabled: false,
-        /**
-         * ID used to add accessibility labels to pill elements.
-         * @default `useUniqueId()`
-         */
-        id: '',
-    },
-})(config => {
-    const id = (0, common_1.useUniqueId)(config.id);
-    const state = {
-        ...config,
-        id,
-    };
-    return { state, events: {} };
-});

package/dist/commonjs/select/index.d.ts

@@ -1,3 +0,0 @@
-export * from './lib/Select';
-export { Option, RenderableOption, RenderOptionFunction, RenderSelectedFunction, } from './lib/SelectBase';
-//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/select/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../select/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC"}

package/dist/commonjs/select/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./lib/Select"), exports);

package/dist/commonjs/select/lib/Select.d.ts

@@ -1,31 +0,0 @@
-import { ErrorType } from '@workday/canvas-kit-react/common';
-import { CoreSelectBaseProps, Option } from './SelectBase';
-/**
- * @deprecated ⚠️ `SelectProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export interface SelectProps extends CoreSelectBaseProps {
-    /**
-     * The options of the Select. `options` may be an array of objects, an array of strings,
-     * or an array that contains both objects and strings.
-     *
-     * If `options` includes objects, each included object must adhere to the `Option` interface:
-     *
-     * * `data: object` (optional)
-     * * `disabled: boolean` (optional)
-     * * `id: string` (optional, a random `id` will be assigned to the object if one isn't provided)
-     * * `label: string` (optional, analogous to the text content of an `<option>`)
-     * * `value: string` (required, analogous to the `value` attribute of an `<option>`)
-     *
-     * If `label` is omitted, the `value` will be used to render the option.
-     *
-     * The `data` object is carried over to the `option` passed into the `renderOption` function where it may then be used to customize how each option is rendered.
-     */
-    options: (Option | string)[];
-}
-/**
- * @deprecated ⚠️ `Select` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export declare const Select: import("@workday/canvas-kit-react/common").ElementComponent<"button", SelectProps> & {
-    ErrorType: typeof ErrorType;
-};
-//# sourceMappingURL=Select.d.ts.map

package/dist/commonjs/select/lib/Select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EAKV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAa,mBAAmB,EAAE,MAAM,EAAmB,MAAM,cAAc,CAAC;AAGvF;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,mBAAmB;IACtD;;;;;;;;;;;;;;;OAeG;IACH,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CAC9B;AAoiBD;;GAEG;AACH,eAAO,MAAM,MAAM;;CAUjB,CAAC"}