@hashicorp/mds-react 0.9.13 → 0.9.15

package/components/form/toggle/form-toggle.module.scss

@@ -1,164 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-//
-// FORM > TOGGLE
-//
-
-// "BASE" CONTROL
-
-.toggle {
-	position: relative;
-	display: inline-block; // we emulate the behaviour of a checkbox/radiobutton control
-	isolation: isolate; // used to create a new stacking context
-}
-
-// control (hidden)
-
-.control {
-	position: absolute;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
-	z-index: 1;
-	display: block;
-	height: 100%;
-	margin: 0;
-	padding: 0;
-	color: transparent;
-	background-color: transparent;
-	border: none;
-	outline: none;
-	cursor: pointer;
-	opacity: 0;
-	appearance: none;
-
-	&:disabled {
-		cursor: not-allowed;
-	}
-}
-
-// facade (visible)
-
-.facade {
-	position: relative;
-	display: block;
-	width: var(--mds-form-toggle-width);
-	height: var(--mds-form-toggle-height);
-	background-image: var(--mds-form-toggle-background-image-data-url);
-	background-repeat: no-repeat;
-	background-position: var(--mds-form-toggle-background-image-position-x) 50%;
-	background-size: var(--mds-form-toggle-background-image-size)
-		var(--mds-form-toggle-background-image-size);
-	// notice: we want to share the border color between the "thumb" and the "track" so we use a local CSS prop for this
-	border: var(--mds-form-radio-border-width) solid var(--border-color);
-	border-radius: calc(var(--mds-form-toggle-height) / 2);
-
-	@media (prefers-reduced-motion: no-preference) {
-		transition-timing-function: var(
-			--mds-form-toggle-transition-timing-function
-		);
-		transition-duration: var(--mds-form-toggle-transition-duration);
-		transition-property: all;
-	}
-
-	// used for the "thumb"
-
-	&::after {
-		position: absolute;
-		top: calc(var(--mds-form-radio-border-width) * -1);
-		left: calc(var(--mds-form-radio-border-width) * -1);
-		width: var(--mds-form-toggle-thumb-size);
-		height: var(--mds-form-toggle-thumb-size);
-		background-color: var(--mds-form-control-base-surface-color-default);
-		border: var(--mds-form-radio-border-width) solid var(--border-color);
-		border-radius: 50%;
-		transform: translate3d(0, 0, 0);
-		content: '';
-
-		@media (prefers-reduced-motion: no-preference) {
-			transition-timing-function: var(
-				--mds-form-toggle-transition-timing-function
-			);
-			transition-duration: var(--mds-form-toggle-transition-duration);
-			transition-property: all;
-		}
-	}
-
-	// used for the focus
-
-	&::before {
-		// notice: to avoid too many nested calc() operation, we have decided to compute directly the values in Sass
-		$outline-width: 3px;
-		$outline-offset: 1px;
-		$shift: $outline-width + $outline-offset + 1px; // here 1px refers to "--mds-form-radio-border-width"
-		position: absolute;
-		top: -$shift;
-		right: -$shift;
-		bottom: -$shift;
-		left: -$shift;
-		margin: auto;
-		border-width: $outline-width;
-		border-radius: calc(
-			var(--mds-form-toggle-height) / 2 + $outline-width + $outline-offset
-		);
-		content: '';
-	}
-
-	// STATUS
-
-	// base (default)
-
-	:not(:checked) + & {
-		--border-color: var(--mds-form-control-base-border-color-default);
-		background-color: var(
-			--mds-form-toggle-base-surface-color-default
-		); // this is specific for "toggle", is not like the other controls!
-	}
-
-	:checked + & {
-		--border-color: var(--mds-form-control-checked-border-color-default);
-		background-color: var(--mds-form-control-checked-surface-color-default);
-
-		&::after {
-			$translation: calc(
-				var(--mds-form-toggle-width) - var(--mds-form-toggle-thumb-size)
-			);
-			transform: translate3d($translation, 0, 0);
-		}
-	}
-
-	// hover
-
-	:hover:not(:checked) + & {
-		--border-color: var(--mds-form-control-base-border-color-hover);
-	}
-
-	:hover:checked + & {
-		--border-color: var(--mds-form-control-checked-border-color-hover);
-		background-color: var(--mds-form-control-checked-border-color-default);
-	}
-
-	// focus (same for all the states)
-
-	:focus + & {
-		&::before {
-			border-color: var(--mds-color-focus-action-external);
-			border-style: solid;
-		}
-	}
-
-	// DISABLED
-
-	:disabled:not(:checked) + &,
-	:disabled:checked + & {
-		--border-color: var(--mds-form-control-disabled-border-color);
-		background-color: var(--mds-form-control-disabled-surface-color);
-		background-image: var(
-			--mds-form-toggle-background-image-data-url-disabled
-		);
-	}
-}

package/components/form/toggle/index.d.ts

@@ -1,78 +0,0 @@
-import { ReactNode, HTMLProps, ComponentProps } from 'react';
-import { Fieldset } from '../fieldset';
-interface ToggleBaseProps {
-    id?: string;
-    /**
-     * Can be used to supply any props that the native `<input>` element supports (such as `value`, `placeholder`, in addition to events like `onChange` and `onBlur`)
-     */
-    field: HTMLProps<HTMLInputElement>;
-    toggleOnEnter?: boolean;
-    testingKey?: string;
-    error?: ReactNode;
-}
-declare const ToggleBase: {
-    ({ id, field, toggleOnEnter, testingKey, error, ...rest }: ToggleBaseProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-interface ToggleFieldProps {
-    /**
-     * Applies an “invalid” appearance to the control but doesn’t modify its logical validity.
-     */
-    isInvalid?: boolean;
-    /**
-     * Appends a `Required` indicator next to the label text and sets the `required` attribute on the control when user input is required.
-     */
-    isRequired?: boolean;
-    /**
-     * Appends an `Optional` indicator next to the label text when user input is optional.
-     */
-    isOptional?: boolean;
-    /**
-     * Input control’s ID attribute.
-     *
-     * By default, the ID is automatically generated by the component. Use this argument to pass a custom ID.
-     */
-    id?: string;
-    /**
-     * Container that renders its content inside the `<label>` element. The content can be a simple string or a `ReactNode`, in which case it inherits the text style.
-     *
-     * The `for` attribute of the label is automatically generated using the `controlId` value of the control.
-     */
-    label?: ReactNode;
-    /**
-     * Container that renders its content inside the "helper text" block. The content can be a simple string or a `ReactNode`, in which case it inherits the text style.
-     *
-     * The `id` attribute of the message is automatically generated using the `controlId` value of the control.
-     */
-    helperText?: ReactNode;
-    /**
-     * Container that renders its content inside the "error" block. The content can be a simple string or a `ReactNode`, in which case it inherits the text style.
-     *
-     * The `id` attribute of the error message is automatically generated using the `controlId` value of the control.
-     */
-    error?: ReactNode;
-    /**
-     * Can be used to supply any props that the native `<input>` element supports (such as `value`, `placeholder`, in addition to events like `onChange` and `onBlur`)
-     */
-    field: HTMLProps<HTMLInputElement>;
-    className?: string;
-    testingKey?: string;
-}
-declare const ToggleField: {
-    ({ isInvalid, isRequired, isOptional, id, label, helperText, error, field, className, testingKey, ...rest }: ToggleFieldProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-interface ToggleGroupProps extends ComponentProps<typeof Fieldset> {
-    children: ReactNode;
-}
-declare const ToggleGroup: {
-    Root: {
-        ({ layout, legend, isOptional, isRequired, children, }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Field: {
-        (props: ToggleFieldProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};
-export { ToggleBase, ToggleField, ToggleGroup };

package/components/hds/wrappers/tooltip.d.ts

@@ -1,13 +0,0 @@
-import { TippyProps } from '@tippyjs/react';
-import { Plugin } from 'tippy.js';
-import { ReactElement } from 'react';
-export interface TooltipProps {
-    options?: TippyProps;
-    children: TippyProps['children'];
-    text: string | ReactElement;
-}
-export interface HideOnEsc extends Plugin {
-    name: 'hideOnEsc';
-    defaultValue: true;
-}
-export declare const Tooltip: ({ options, children, text }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/components/icon-tile/index.d.ts

@@ -1,21 +0,0 @@
-import { HTMLAttributes } from 'react';
-type BaseProps = {
-    size: 'small' | 'medium' | 'large';
-    iconSecondary?: string;
-    color?: 'neutral' | 'boundary' | 'consul' | 'nomad' | 'packer' | 'terraform' | 'vagrant' | 'vault' | 'vault-secrets' | 'waypoint';
-} & Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;
-type WithLogo = {
-    logo: 'hcp' | 'boundary' | 'consul' | 'nomad' | 'packer' | 'terraform' | 'vagrant' | 'vault' | 'vault-secrets' | 'waypoint';
-    icon?: never;
-};
-type WithIcon = {
-    icon: string;
-    logo?: never;
-};
-type IconTileProps = BaseProps & (WithLogo | WithIcon);
-declare const IconTile: {
-    ({ size, logo, icon, iconSecondary, color, ...rest }: IconTileProps): import("react/jsx-runtime").JSX.Element | undefined;
-    displayName: string;
-};
-export type { IconTileProps };
-export { IconTile };

package/components/icon-tile/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/icon-tile/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { FlightIconSize } from '../flight-icon'\nimport { FlightIcon } from '../flight-icon'\nimport type { HTMLAttributes } from 'react'\nimport s from './style.module.scss'\n\ntype BaseProps = {\n\tsize: 'small' | 'medium' | 'large'\n\ticonSecondary?: string\n\tcolor?:\n\t\t| 'neutral'\n\t\t| 'boundary'\n\t\t| 'consul'\n\t\t| 'nomad'\n\t\t| 'packer'\n\t\t| 'terraform'\n\t\t| 'vagrant'\n\t\t| 'vault'\n\t\t| 'vault-secrets'\n\t\t| 'waypoint'\n} & Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>\n\ntype WithLogo = {\n\tlogo:\n\t\t| 'hcp'\n\t\t| 'boundary'\n\t\t| 'consul'\n\t\t| 'nomad'\n\t\t| 'packer'\n\t\t| 'terraform'\n\t\t| 'vagrant'\n\t\t| 'vault'\n\t\t| 'vault-secrets'\n\t\t| 'waypoint'\n\ticon?: never\n}\n\ntype WithIcon = {\n\ticon: string\n\tlogo?: never\n}\n\ntype IconTileProps = BaseProps & (WithLogo | WithIcon)\n\nconst EXTRA_ICON_SIZE_MAP = {\n\tsmall: 12,\n\tmedium: 16,\n\tlarge: 16,\n} as const satisfies Record<'small' | 'medium' | 'large', FlightIconSize>\n\nconst IconTile = ({\n\tsize = 'medium',\n\tlogo,\n\ticon,\n\ticonSecondary,\n\tcolor = 'neutral',\n\t...rest\n}: IconTileProps) => {\n\tconst iconName = logo ? `${logo}-color` : icon\n\n\tif (iconName) {\n\t\tconst iconSize = size === 'small' ? 16 : 24\n\t\tconst entity = logo ? 'logo' : 'icon'\n\t\tconst colorUse = logo ? logo : color\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={classNames(\n\t\t\t\t\ts['icon-tile'],\n\t\t\t\t\ts[`type-${entity}`],\n\t\t\t\t\ts[`size-${size}`],\n\t\t\t\t\ts[`color-${colorUse}`]\n\t\t\t\t)}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t<div className={logo ? s.logo : s.icon}>\n\t\t\t\t\t<FlightIcon name={iconName} size={iconSize} stretched />\n\t\t\t\t</div>\n\t\t\t\t{iconSecondary && (\n\t\t\t\t\t<div className={s.extra}>\n\t\t\t\t\t\t<FlightIcon\n\t\t\t\t\t\t\tname={iconSecondary}\n\t\t\t\t\t\t\tsize={EXTRA_ICON_SIZE_MAP[size]}\n\t\t\t\t\t\t\tcolor=\"var(--mds-color-foreground-strong)\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t)\n\t}\n}\n\nIconTile.displayName = 'IconTile'\n\nexport type { IconTileProps }\nexport { IconTile }\n"],"names":["EXTRA_ICON_SIZE_MAP","IconTile","size","logo","icon","iconSecondary","color","rest","iconName","iconSize","entity","colorUse","jsxs","classNames","s","jsx","FlightIcon"],"mappings":";;;;AA4CA,MAAMA,IAAsB;AAAA,EAC3B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACR,GAEMC,IAAW,CAAC;AAAA,EACjB,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACJ,MAAqB;AACpB,QAAMC,IAAWL,IAAO,GAAGA,CAAI,WAAWC;AAE1C,MAAII,GAAU;AACb,UAAMC,IAAWP,MAAS,UAAU,KAAK,IACnCQ,IAASP,IAAO,SAAS,QACzBQ,IAAWR,KAAcG;AAE/B,WACC,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC;AAAA,UACVC,EAAE,WAAW;AAAA,UACbA,EAAE,QAAQJ,CAAM,EAAE;AAAA,UAClBI,EAAE,QAAQZ,CAAI,EAAE;AAAA,UAChBY,EAAE,SAASH,CAAQ,EAAE;AAAA,QAAA;AAAA,QAEtB,eAAY;AAAA,QACX,GAAGJ;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAWZ,IAAOW,EAAE,OAAOA,EAAE,MACjC,UAAA,gBAAAC,EAACC,GAAA,EAAW,MAAMR,GAAU,MAAMC,GAAU,WAAS,IAAC,GACvD;AAAA,UACCJ,KACA,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAE,OACjB,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACA,MAAMX;AAAA,cACN,MAAML,EAAoBE,CAAI;AAAA,cAC9B,OAAM;AAAA,YAAA;AAAA,UAAA,EACP,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIJ;AACD;AAEAD,EAAS,cAAc;"}

package/components/icon-tile/style.module.scss

@@ -1,138 +0,0 @@
-@use 'sass:map';
-
-$hds-icon-tile-sizes: ('small', 'medium', 'large');
-$hds-icon-tile-colors-products: (
-	'boundary',
-	'consul',
-	'hcp',
-	'nomad',
-	'packer',
-	'terraform',
-	'vagrant',
-	'vault',
-	'vault-secrets',
-	'waypoint'
-);
-$size-props: (
-	'small': (
-		'size': 1.75rem,
-		// 28px
-		'border-radius': 5px,
-		'icon-size': 1rem,
-		// 16px
-		'logo-size': 1.125rem,
-		// 18px
-		'extra-size': 1.125rem,
-		// 18px
-		'extra-border-radius': 4px,
-	),
-	'medium': (
-		'size': 2.5rem,
-		// 40px
-		'border-radius': 6px,
-		'icon-size': 1.5rem,
-		// 24px
-		'logo-size': 1.75rem,
-		// 28px
-		'extra-size': 1.5rem,
-		// 24px
-		'extra-border-radius': 5px,
-	),
-	'large': (
-		'size': 3rem,
-		// 48px
-		'border-radius': 6px,
-		'icon-size': 1.5rem,
-		// 24px
-		'logo-size': 2rem,
-		// 32px
-		'extra-size': 1.5rem,
-		// 24px
-		'extra-border-radius': 5px,
-	),
-);
-
-.icon-tile {
-	position: relative;
-	display: flex;
-	border: 1px solid transparent;
-	border-radius: 4px;
-	box-shadow: var(--mds-elevation-low-box-shadow);
-}
-
-.icon,
-.logo {
-	display: flex;
-	margin: auto;
-}
-
-.extra {
-	position: absolute;
-	right: -6px;
-	bottom: -6px;
-	display: grid;
-	place-content: center;
-	box-sizing: content-box; // the border is outside
-	background-color: var(--mds-color-surface-primary);
-	border: 1px solid var(--mds-color-border-primary);
-	box-shadow: var(--mds-elevation-low-box-shadow);
-}
-
-@each $size in $hds-icon-tile-sizes {
-	.size-#{$size} {
-		width: map.get($size-props, $size, 'size');
-		height: map.get($size-props, $size, 'size');
-		border-radius: map.get($size-props, $size, 'border-radius');
-
-		.icon {
-			width: map.get($size-props, $size, 'icon-size');
-			height: map.get($size-props, $size, 'icon-size');
-		}
-
-		.logo {
-			width: map.get($size-props, $size, 'logo-size');
-			height: map.get($size-props, $size, 'logo-size');
-		}
-
-		.extra {
-			width: map.get($size-props, $size, 'extra-size');
-			height: map.get($size-props, $size, 'extra-size');
-			border-radius: map.get($size-props, $size, 'extra-border-radius');
-		}
-	}
-}
-
-.type-logo {
-	// notice: we are using colored icons so we don't need to set the "color" property here
-	background-color: var(--mds-color-surface-primary);
-	border-color: var(--mds-color-border-primary);
-}
-
-.type-icon {
-	&.color-neutral {
-		color: var(--mds-color-foreground-faint);
-		background-color: var(--mds-color-surface-faint);
-		border-color: var(--mds-color-border-primary);
-	}
-
-	@each $product in $hds-icon-tile-colors-products {
-		@if ($product == 'hcp') {
-			// exception for HCP (we use neutral colors, we don't have specific product colors for foreground/background)
-			&.color-hcp {
-				color: var(--mds-color-hcp-brand);
-				background-color: var(--mds-color-surface-faint);
-				border-color: var(--mds-color-border-primary);
-			}
-		} @else {
-			&.color-#{$product} {
-				color: var(--mds-color-#{$product}-foreground);
-				background: linear-gradient(
-					135deg,
-					var(--mds-color-#{$product}-gradient-faint-start) 0%,
-					var(--mds-color-#{$product}-gradient-faint-stop) 100%
-				);
-				border-color: var(--mds-color-#{$product}-border);
-			}
-		}
-	}
-}

package/components/index.d.ts

@@ -1,60 +0,0 @@
-export type { AccordionProps } from './accordion';
-export { Accordion, AccordionContent, AccordionItem, AccordionToggle, } from './accordion';
-export type { BadgeColor, BadgeProps, BadgeSize, BadgeType } from './badge';
-export { BADGE_COLORS, BADGE_SIZES, BADGE_TYPES, Badge } from './badge';
-export type { BadgeCountProps } from './badge-count';
-export { BadgeCount } from './badge-count';
-export type { AlertProps, AlertColor } from './alert';
-export { Alert, AlertActions, AlertButton, AlertStandaloneLink } from './alert';
-export type { BreadcrumbItemProps, BreadcrumbProps, BreadcrumbTruncationProps, } from './breadcrumbs/types';
-export { Breadcrumbs } from './breadcrumbs';
-export type { ButtonProps, ButtonColor, ButtonIconPosition, ButtonSize, } from './button';
-export { Button, BUTTON_COLORS, BUTTON_ICON_POSITIONS, BUTTON_SIZES, } from './button';
-export type { CardProps, CardThumbnailProps } from './card/types';
-export { Card, CardContent } from './card';
-export type { CodeBlockProps } from './code-block';
-export { CodeBlock } from './code-block';
-export { DisclosurePrimitive } from './disclosure-primitive';
-export { useDisclosurePrimitive } from './disclosure-primitive/use-disclosure-primitive';
-export type { DropdownContentProps, DropdownHeaderFooterProps, DropdownProps, DropdownToggleButtonProps, } from './dropdown';
-export { Dropdown } from './dropdown';
-export type { FlightIconName, FlightIconProps, FlightIconSize, } from './flight-icon';
-export { FLIGHT_ICON_SIZES, FlightIcon } from './flight-icon';
-export { CheckboxField, CheckboxGroup, CheckboxBase } from './form/checkbox';
-export { Error } from './form/error';
-export { Field } from './form/field';
-export { Fieldset } from './form/fieldset';
-export { FileInputField, FileInputBase } from './form/file-input';
-export { HelperText } from './form/helper-text';
-export { Indicator } from './form/indicator';
-export { Label } from './form/label';
-export { Legend } from './form/legend';
-export { RadioGroup, RadioBase, RadioField } from './form/radio';
-export { RadioCard, RadioCardGroup } from './form/radio-card';
-export { SelectField } from './form/select';
-export type { SuperSelectSearchInputProps, TSuperSelectOption, SuperSelectOptionProps, } from './form/super-select';
-export { SuperSelectField } from './form/super-select';
-export { TextInput, TextInputBase } from './form/text-input';
-export { TextAreaField } from './form/textarea';
-export { ToggleField, ToggleBase, ToggleGroup } from './form/toggle';
-export type { IconTileProps } from './icon-tile';
-export { IconTile } from './icon-tile';
-export type { InlineLinkProps } from './inline-link';
-export { InlineLink } from './inline-link';
-export { MDSButton } from './legacy-button';
-export { ModalProvider, useModal } from './modal';
-export type { SeparatorProps } from './separator';
-export { Separator } from './separator';
-export type { StandaloneLinkColor, StandaloneLinkIconPosition, StandaloneLinkProps, StandaloneLinkSize, } from './standalone-link';
-export { StandaloneLink, STANDALONE_LINK_COLORS, STANDALONE_LINK_ICON_POSITIONS, STANDALONE_LINK_SIZES, } from './standalone-link';
-export type { TableProps } from './table';
-export { Table } from './table';
-export { getDensity, getHorizontalAlignment, getScope, getVerticalAlignment, } from './table/utils';
-export type { TabsListProps, TabsProps } from './tabs';
-export { Tabs } from './tabs';
-export { useTabsContext } from './tabs/use-tabs-context';
-export { Text, TEXT_COLORS, TEXT_WEIGHTS } from './text';
-export type { BarChartProps } from './visualizations/bar-chart';
-export { BarChart } from './visualizations/bar-chart';
-export type { DonutChartData } from './visualizations/donut-chart/types';
-export { DonutChart } from './visualizations/donut-chart';

package/components/index.js

@@ -1,120 +0,0 @@
-import { Accordion as e } from "./accordion/index.js";
-import { BADGE_COLORS as p, BADGE_SIZES as x, BADGE_TYPES as m, Badge as f } from "./badge/index.js";
-import { BadgeCount as n } from "./badge-count/index.js";
-import { Alert as a, AlertActions as d, AlertButton as T, AlertStandaloneLink as S } from "./alert/index.js";
-import { Breadcrumbs as c } from "./breadcrumbs/index.js";
-import { BUTTON_COLORS as C, BUTTON_ICON_POSITIONS as O, BUTTON_SIZES as u, Button as B } from "./button/index.js";
-import { Card as s, CardContent as _ } from "./card/index.js";
-import { CodeBlock as L } from "./code-block/index.js";
-import { DisclosurePrimitive as F } from "./disclosure-primitive/index.js";
-import { useDisclosurePrimitive as G } from "./disclosure-primitive/use-disclosure-primitive.js";
-import { Dropdown as b } from "./dropdown/index.js";
-import { FLIGHT_ICON_SIZES as h, FlightIcon as P } from "./flight-icon/index.js";
-import { CheckboxBase as Z, CheckboxField as v, CheckboxGroup as K } from "./form/checkbox/index.js";
-import { Error as U } from "./form/error/index.js";
-import { Field as w } from "./form/field/index.js";
-import { Fieldset as z } from "./form/fieldset/index.js";
-import { FileInputBase as W, FileInputField as Y } from "./form/file-input/index.js";
-import { HelperText as q } from "./form/helper-text/index.js";
-import { Indicator as Q } from "./form/indicator/index.js";
-import { Label as oo } from "./form/label/index.js";
-import { Legend as eo } from "./form/legend/index.js";
-import { RadioBase as po, RadioField as xo, RadioGroup as mo } from "./form/radio/index.js";
-import { RadioCard as io } from "./form/radio-card/index.js";
-import { SelectField as lo } from "./form/select/index.js";
-import { SuperSelectField as To } from "./form/super-select/index.js";
-import { TextInput as Io, TextInputBase as co } from "./form/text-input/index.js";
-import { TextAreaField as Co } from "./form/textarea/index.js";
-import { ToggleBase as uo, ToggleField as Bo, ToggleGroup as go } from "./form/toggle/index.js";
-import { IconTile as _o } from "./icon-tile/index.js";
-import { InlineLink as Lo } from "./inline-link/index.js";
-import { MDSButton as Fo } from "./legacy-button/index.js";
-import { ModalProvider as Go } from "./modal/index.js";
-import { Separator as bo } from "./separator/index.js";
-import { STANDALONE_LINK_COLORS as ho, STANDALONE_LINK_ICON_POSITIONS as Po, STANDALONE_LINK_SIZES as Ho, StandaloneLink as Zo } from "./standalone-link/index.js";
-import { Table as Ko } from "./table/index.js";
-import { getDensity as Uo, getHorizontalAlignment as Xo, getScope as wo, getVerticalAlignment as yo } from "./table/utils.js";
-import { Tabs as Vo } from "./tabs/index.js";
-import { useTabsContext as Yo } from "./tabs/use-tabs-context.js";
-import { TEXT_COLORS as qo, TEXT_WEIGHTS as Jo, Text as Qo } from "./text/index.js";
-import { BarChart as or } from "./visualizations/bar-chart/index.js";
-import { DonutChart as er } from "./visualizations/donut-chart/index.js";
-import { AccordionContent as pr, AccordionItem as xr, AccordionToggle as mr } from "./accordion/item/index.js";
-import { RadioCardGroup as ir } from "./form/radio-card/group.js";
-import { useModal as lr } from "./modal/use-modal.js";
-export {
-  e as Accordion,
-  pr as AccordionContent,
-  xr as AccordionItem,
-  mr as AccordionToggle,
-  a as Alert,
-  d as AlertActions,
-  T as AlertButton,
-  S as AlertStandaloneLink,
-  p as BADGE_COLORS,
-  x as BADGE_SIZES,
-  m as BADGE_TYPES,
-  C as BUTTON_COLORS,
-  O as BUTTON_ICON_POSITIONS,
-  u as BUTTON_SIZES,
-  f as Badge,
-  n as BadgeCount,
-  or as BarChart,
-  c as Breadcrumbs,
-  B as Button,
-  s as Card,
-  _ as CardContent,
-  Z as CheckboxBase,
-  v as CheckboxField,
-  K as CheckboxGroup,
-  L as CodeBlock,
-  F as DisclosurePrimitive,
-  er as DonutChart,
-  b as Dropdown,
-  U as Error,
-  h as FLIGHT_ICON_SIZES,
-  w as Field,
-  z as Fieldset,
-  W as FileInputBase,
-  Y as FileInputField,
-  P as FlightIcon,
-  q as HelperText,
-  _o as IconTile,
-  Q as Indicator,
-  Lo as InlineLink,
-  oo as Label,
-  eo as Legend,
-  Fo as MDSButton,
-  Go as ModalProvider,
-  po as RadioBase,
-  io as RadioCard,
-  ir as RadioCardGroup,
-  xo as RadioField,
-  mo as RadioGroup,
-  ho as STANDALONE_LINK_COLORS,
-  Po as STANDALONE_LINK_ICON_POSITIONS,
-  Ho as STANDALONE_LINK_SIZES,
-  lo as SelectField,
-  bo as Separator,
-  Zo as StandaloneLink,
-  To as SuperSelectField,
-  qo as TEXT_COLORS,
-  Jo as TEXT_WEIGHTS,
-  Ko as Table,
-  Vo as Tabs,
-  Qo as Text,
-  Co as TextAreaField,
-  Io as TextInput,
-  co as TextInputBase,
-  uo as ToggleBase,
-  Bo as ToggleField,
-  go as ToggleGroup,
-  Uo as getDensity,
-  Xo as getHorizontalAlignment,
-  wo as getScope,
-  yo as getVerticalAlignment,
-  G as useDisclosurePrimitive,
-  lr as useModal,
-  Yo as useTabsContext
-};
-//# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/inline-link/index.d.ts

@@ -1,40 +0,0 @@
-import { FlightIconName } from '../flight-icon';
-interface InlineLinkProps {
-    /**
-     * There are two available colors for an `<InlineLink />`: primary and secondary.
-     */
-    color?: 'primary' | 'secondary';
-    /**
-     * Use this parameter to show an icon.
-     */
-    icon?: FlightIconName;
-    /**
-     * Positions the icon before or after the text.
-     */
-    iconPosition?: 'leading' | 'trailing';
-    /**
-     * URL parameter that’s passed down to the `<a>` element.
-     */
-    href: string;
-    /**
-     * Controls if the <a> link is external. For security reasons, we add the target="_blank" and rel="noopener noreferrer" attributes to it by default.
-     * default: `false`
-     */
-    isHrefExternal?: boolean;
-    /**
-     * The content of the <a> HTML element.
-     */
-    text: string;
-    /**
-     * Optional class name to add to the component.
-     */
-    className?: string;
-    prefetch?: boolean;
-    locale?: string;
-}
-declare const InlineLink: {
-    ({ text, color, icon, iconPosition, className, isHrefExternal, ...props }: InlineLinkProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export type { InlineLinkProps };
-export { InlineLink };

package/components/interactive/index.d.ts

@@ -1,26 +0,0 @@
-import { ForwardRefExoticComponent, ButtonHTMLAttributes, MouseEventHandler } from 'react';
-interface InteractiveProps extends React.HTMLAttributes<HTMLElement> {
-    isHrefExternal?: boolean;
-    href?: string;
-    onClick?: MouseEventHandler;
-    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
-    prefetch?: boolean;
-    locale?: string;
-}
-declare const Interactive: ForwardRefExoticComponent<InteractiveProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
-/**
- * Smaller, local version of our getLocalizedLinkProps util,
- * cloned here to work around a cyclic dependency issue
- * with the main @web/utils package.
- *
- * @param url An internal URL path
- * @param locale A supported locale
- * @returns A prefixed URL if locale is defined, otherwise the URL without prefix
- */
-export declare const getLocalizedLinkProps: (href: string, locale?: string, isHrefExternal?: boolean) => {
-    href: string;
-    hrefLang: string | undefined;
-    isHrefExternal?: boolean | undefined;
-};
-export type { InteractiveProps };
-export { Interactive };