@carbon/web-components 2.0.0-beta.0 → 2.0.0-beta.1

package/scss/components/popover/popover.scss

@@ -0,0 +1,122 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+$css--plex: true !default;
+
+@use '@carbon/styles/scss/config' as *;
+@use '@carbon/styles/scss/utilities' as *;
+@use '@carbon/styles/scss/utilities/custom-property';
+@use '@carbon/styles/scss/theme';
+@use '@carbon/styles/scss/breakpoint' as *;
+@use '@carbon/styles/scss/components/popover';
+
+:host(#{$prefix}-tooltip[highContrast]),
+:host(#{$prefix}-popover[highContrast]) {
+  ::slotted(#{$prefix}-tooltip-content),
+  ::slotted(#{$prefix}-popover-content) {
+    @extend .#{$prefix}--popover;
+  }
+}
+
+:host(#{$prefix}-popover[tabTip][open]) {
+  ::slotted(.#{$prefix}--popover--tab-tip__button) {
+    background: theme.$layer !important; /* stylelint-disable-line declaration-no-important */
+    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
+  }
+}
+
+:host(#{$prefix}-tooltip-content),
+:host(#{$prefix}-popover-content) {
+  @extend .#{$prefix}--popover;
+}
+
+:host(#{$prefix}-tooltip-content[open]),
+:host(#{$prefix}-popover-content[open]) {
+  .#{$prefix}--popover-content {
+    display: block;
+  }
+
+  &[tabTip] {
+    .#{$prefix}--popover-content {
+      border-radius: 0;
+      background: theme.$layer;
+    }
+  }
+  &[caret] {
+    .#{$prefix}--popover-caret {
+      display: block;
+    }
+  }
+}
+
+:host(#{$prefix}-popover-content[dropShadow]) {
+  @include custom-property.declaration(
+    'popover-drop-shadow',
+    drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))
+  );
+}
+
+:host(#{$prefix}-tooltip-content[align='bottom']),
+:host(#{$prefix}-popover-content[align='bottom']) {
+  @extend .#{$prefix}--popover--bottom;
+}
+
+:host(#{$prefix}-tooltip-content[align='bottom-left']),
+:host(#{$prefix}-popover-content[align='bottom-left']) {
+  @extend .#{$prefix}--popover--bottom-left;
+}
+
+:host(#{$prefix}-tooltip-content[align='bottom-right']),
+:host(#{$prefix}-popover-content[align='bottom-right']) {
+  @extend .#{$prefix}--popover--bottom-right;
+}
+
+:host(#{$prefix}-tooltip-content[align='left']),
+:host(#{$prefix}-popover-content[align='left']) {
+  @extend .#{$prefix}--popover--left;
+}
+
+:host(#{$prefix}-tooltip-content[align='left-bottom']),
+:host(#{$prefix}-popover-content[align='left-bottom']) {
+  @extend .#{$prefix}--popover--left-bottom;
+}
+
+:host(#{$prefix}-tooltip-content[align='left-top']),
+:host(#{$prefix}-popover-content[align='left-top']) {
+  @extend .#{$prefix}--popover--left-top;
+}
+
+:host(#{$prefix}-tooltip-content[align='right']),
+:host(#{$prefix}-popover-content[align='right']) {
+  @extend .#{$prefix}--popover--right;
+}
+
+:host(#{$prefix}-tooltip-content[align='right-bottom']),
+:host(#{$prefix}-popover-content[align='right-bottom']) {
+  @extend .#{$prefix}--popover--right-bottom;
+}
+
+:host(#{$prefix}-tooltip-content[align='right-top']),
+:host(#{$prefix}-popover-content[align='right-top']) {
+  @extend .#{$prefix}--popover--right-top;
+}
+
+:host(#{$prefix}-tooltip-content[align='top']),
+:host(#{$prefix}-popover-content[align='top']) {
+  @extend .#{$prefix}--popover--top;
+}
+
+:host(#{$prefix}-tooltip-content[align='top-left']),
+:host(#{$prefix}-popover-content[align='top-left']) {
+  @extend .#{$prefix}--popover--top-left;
+}
+
+:host(#{$prefix}-tooltip-content[align='top-right']),
+:host(#{$prefix}-popover-content[align='top-right']) {
+  @extend .#{$prefix}--popover--top-right;
+}

package/scss/components/search/search.scss

@@ -8,6 +8,8 @@
 $css--plex: true !default;
 
 @use '@carbon/styles/scss/config' as *;
+@use '@carbon/styles/scss/spacing' as *;
+@use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/utilities' as *;
 @use '@carbon/styles/scss/components/form';
 @use '@carbon/styles/scss/components/search' as *;
@@ -15,35 +17,51 @@ $css--plex: true !default;
 // https://github.com/carbon-design-system/carbon/issues/11408
 @include search;
 
-:host(#{$prefix}-search),
-:host(#{$prefix}-search-skeleton) {
-  @extend .#{$prefix}--search--lg;
-}
-
 :host(#{$prefix}-search) {
   @extend .#{$prefix}--search;
 
   outline: none;
-}
 
-:host(#{$prefix}-search[size='sm']),
-:host(#{$prefix}-search-skeleton[size='sm']) {
-  @extend .#{$prefix}--search--sm;
-}
+  &[expandable] {
+    @extend .#{$prefix}--search--expandable;
 
-:host(#{$prefix}-search[size='lg']),
-:host(#{$prefix}-search-skeleton[size='lg']) {
-  @extend .#{$prefix}--search--lg;
-}
+    &[expanded] {
+      @extend .#{$prefix}--search--expanded;
 
-// TODO: deprecate
-// :host(#{$prefix}-search[size='xl']),
-// :host(#{$prefix}-search-skeleton[size='xl']) {
-//   @extend .#{$prefix}--search--xl;
-// }
+      &[size='sm'] {
+        .#{$prefix}--search-input {
+          padding: 0 $spacing-07;
+        }
+      }
+
+      &[size='md'] {
+        .#{$prefix}--search-input {
+          padding: 0 $spacing-08;
+        }
+      }
+
+      &[size='lg'] {
+        .#{$prefix}--search-input {
+          padding: 0 $spacing-09;
+        }
+      }
+    }
+  }
+
+  &[disabled] {
+    svg {
+      fill: $icon-on-color-disabled;
+    }
 
-:host(#{$prefix}-search[color-scheme='light']) {
-  @extend .#{$prefix}--search--light;
+    .#{$prefix}--search-close {
+      pointer-events: none;
+      outline: none;
+
+      &::before {
+        background: none;
+      }
+    }
+  }
 }
 
 :host(#{$prefix}-search-skeleton) {
@@ -59,3 +77,18 @@ $css--plex: true !default;
     }
   }
 }
+
+:host(#{$prefix}-search),
+:host(#{$prefix}-search-skeleton) {
+  &[size='sm'] {
+    @extend .#{$prefix}--search--sm;
+  }
+
+  &[size='md'] {
+    @extend .#{$prefix}--search--md;
+  }
+
+  &[size='lg'] {
+    @extend .#{$prefix}--search--lg;
+  }
+}

package/scss/components/select/select.scss

@@ -15,10 +15,6 @@ $css--plex: true !default;
 
   outline: none;
 
-  &[color-scheme='light'] {
-    @extend .#{$prefix}--select--light;
-  }
-
   &[disabled] {
     @extend .#{$prefix}--select--disabled;
   }
@@ -26,4 +22,24 @@ $css--plex: true !default;
   &[invalid] {
     @extend .#{$prefix}--select--invalid;
   }
+
+  &[readonly] select {
+    pointer-events: none;
+  }
+
+  &[inline][warn] {
+    .#{$prefix}--form__helper-text,
+    .#{$prefix}--label {
+      align-self: flex-start;
+      margin-top: 0.8125rem;
+    }
+
+    select {
+      padding-right: 3.5rem;
+    }
+
+    .#{$prefix}--select__invalid-icon--warning {
+      right: 2rem;
+    }
+  }
 }

package/scss/components/skeleton-text/skeleton-text.scss

@@ -11,4 +11,8 @@
 :host(#{$prefix}-skeleton-text) {
   display: block;
   width: 100%;
+
+  .#{$prefix}--skeleton__text {
+    margin-top: 0;
+  }
 }

package/scss/components/slider/slider.scss

@@ -35,5 +35,13 @@ $css--plex: true !default;
 }
 
 :host(#{$prefix}-slider-input) {
-  outline: none;
+  input {
+    box-sizing: border-box;
+  }
+
+  &[readonly] {
+    input {
+      background-color: transparent;
+    }
+  }
 }

package/scss/components/text-input/text-input.scss

@@ -0,0 +1,38 @@
+//
+// Copyright IBM Corp. 2019, 2023
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+$css--plex: true !default;
+
+@use '@carbon/styles/scss/config' as *;
+@use '@carbon/styles/scss/spacing' as *;
+@use '@carbon/styles/scss/utilities' as *;
+@use '@carbon/styles/scss/components/text-input/index';
+
+:host(#{$prefix}-text-input) {
+  // the base text-input class has a 100% so we need to propagate it up to the host element
+  width: 100%;
+  outline: none;
+
+  &[show-password-visibility-toggle] {
+    .#{$prefix}--text-input {
+      padding-right: $spacing-08;
+    }
+
+    &[size='sm'] .#{$prefix}--text-input__invalid-icon {
+      right: $spacing-07;
+    }
+
+    &[size='md'] .#{$prefix}--text-input__invalid-icon,
+    .#{$prefix}--text-input__invalid-icon {
+      right: $spacing-08;
+    }
+
+    &[size='lg'] .#{$prefix}--text-input__invalid-icon {
+      right: $spacing-09;
+    }
+  }
+}

package/scss/components/textarea/textarea.scss

@@ -11,4 +11,11 @@ $css--plex: true !default;
 
 :host(#{$prefix}-textarea) {
   outline: none;
+
+  &[cols='0'],
+  &:not([cols]),
+  textarea[cols='0'],
+  textarea:not([cols]) {
+    width: 100%;
+  }
 }

package/scss/components/tile/tile.scss

@@ -28,6 +28,10 @@ $css--plex: true !default;
   @extend .#{$prefix}--tile-group;
 
   background: transparent;
+
+  fieldset {
+    border: none;
+  }
 }
 
 :host(#{$prefix}-clickable-tile) {

package/scss/components/tooltip/tooltip.scss

@@ -7,142 +7,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-$css--plex: true !default;
-// `@include reset` with `variable-exists(css--reset) == false or $css--reset == false` breaks the dotted underline
-// TODO: Determine how to deal with `$css--reset` across components
-// $css--reset: true !default;
-// Caret's original size was 13.75px square
-$caret-size: 6.875px;
-$caret-horizontal-position: calc(#{$caret-size * (-1)} + 1px);
-
 @use '@carbon/styles/scss/config' as *;
-@use '@carbon/styles/scss/type' as *;
-@use '@carbon/styles/scss/utilities';
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/components/tooltip/index' as *;
-@use '@carbon/styles/scss/components/popover/index' as *;
-@use '@carbon/styles/scss/utilities/button-reset';
-
-// https://github.com/carbon-design-system/carbon/issues/11408
-// @include tooltip;
-
-:host(#{$prefix}-tooltip) {
-  @extend .#{$prefix}--tooltip__trigger;
-
-  .sb-tooltip-trigger {
-    @include button-reset.reset();
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 2rem;
-    height: 2rem;
-    border: 1px solid $border-subtle;
-  }
-
-  .sb-tooltip-trigger svg {
-    fill: $background-inverse;
-  }
-}
-
-:host(#{$prefix}-tooltip-body) {
-  @extend .#{$prefix}--tooltip;
-
-  ::slotted(#{$prefix}-tooltip-footer) {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 1rem;
-  }
-
-  ::slotted(p) {
-    @include type-style('body-short-01');
-
-    text-align: left;
-  }
-}
-
-:host(#{$prefix}-tooltip-body[direction='top']) {
-  margin-bottom: $spacing-03;
-
-  .#{$prefix}--tooltip__caret {
-    top: auto;
-    bottom: rem(-6px);
-    transform: rotate(180deg);
-  }
-}
-
-:host(#{$prefix}-tooltip-body[direction='right']) {
-  margin-left: $spacing-03;
-
-  .#{$prefix}--tooltip__caret {
-    right: auto;
-    left: $caret-horizontal-position;
-    // Adjust for change in Y position as caret rotates
-    transform: rotate(270deg) translate(25%, -50%);
-  }
-}
-
-:host(#{$prefix}-tooltip-body[direction='bottom']) {
-  margin-top: $spacing-03;
-}
-
-:host(#{$prefix}-tooltip-body[direction='left']) {
-  margin-right: $spacing-03;
-
-  .#{$prefix}--tooltip__caret {
-    right: $caret-horizontal-position;
-    left: auto;
-    // Adjust for change in Y position as caret rotates
-    transform: rotate(90deg) translate(-25%, -50%);
-  }
-}
-
-:host(#{$prefix}-tooltip-body[direction='top']),
-:host(#{$prefix}-tooltip-body[direction='bottom']) {
-  &[alignment='start'] {
-    .#{$prefix}--tooltip__caret {
-      margin-left: rem(17px);
-    }
-  }
-
-  &[alignment='end'] {
-    .#{$prefix}--tooltip__caret {
-      margin-right: rem(17px);
-    }
-  }
-}
-
-:host(#{$prefix}-tooltip-body[direction='left']),
-:host(#{$prefix}-tooltip-body[direction='right']) {
-  .#{$prefix}--tooltip__caret {
-    top: 50%;
-  }
-
-  &[alignment='start'] {
-    .#{$prefix}--tooltip__caret {
-      top: calc(#{$caret-size} + rem(17px));
-    }
-  }
-
-  &[alignment='end'] {
-    .#{$prefix}--tooltip__caret {
-      top: auto;
-      bottom: rem(17px);
-    }
-  }
-}
-
-:host(#{$prefix}-tooltip-body[open]) {
-  // TODO: audit
-  @extend .#{$prefix}--tooltip--shown !optional;
-}
-
-:host(#{$prefix}-tooltip-icon) {
-  outline: none;
+@use '../popover/popover';
+@use '@carbon/styles/scss/components/tooltip';
 
-  .#{$prefix}--tooltip__trigger:focus ::slotted(svg) {
-    outline: 1px solid $focus;
+:host(#{prefix}-tooltip-content) {
+  ::slotted(.#{$prefix}-tooltip-content) {
+    @extend .#{$prefix}--tooltip-content;
   }
 }

package/es/components/slider/defs.d.ts

@@ -1,11 +0,0 @@
-/**
- * @license
- *
- * Copyright IBM Corp. 2020
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export { FORM_ELEMENT_COLOR_SCHEME as SLIDER_INPUT_COLOR_SCHEME } from '../../globals/shared-enums';
-
-//# sourceMappingURL=defs.d.ts.map

package/es/components/slider/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/slider/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,yBAAyB,IAAI,yBAAyB,EAAE,MAAM,4BAA4B,CAAC","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { FORM_ELEMENT_COLOR_SCHEME as SLIDER_INPUT_COLOR_SCHEME } from '../../globals/shared-enums';\n"]}

package/es/components/slider/defs.js

@@ -1,11 +0,0 @@
-/**
- * @license
- *
- * Copyright IBM Corp. 2020
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-export { FORM_ELEMENT_COLOR_SCHEME as SLIDER_INPUT_COLOR_SCHEME } from '../../globals/shared-enums';
-//# sourceMappingURL=defs.js.map

package/es/components/slider/defs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defs.js","names":["FORM_ELEMENT_COLOR_SCHEME","SLIDER_INPUT_COLOR_SCHEME"],"sources":["components/slider/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { FORM_ELEMENT_COLOR_SCHEME as SLIDER_INPUT_COLOR_SCHEME } from '../../globals/shared-enums';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,yBAAyB,IAAIC,yBAAyB,QAAQ,4BAA4B"}

package/es/components/tooltip/defs.d.ts

@@ -1,84 +0,0 @@
-/**
- * @license
- *
- * Copyright IBM Corp. 2020, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * The alignment choices of tooltip.
- */
-export declare enum TOOLTIP_ALIGNMENT {
-    /**
-     * Align the top/left position tooltip body to the one of its trigger button.
-     */
-    TOP = "top",
-    /**
-     * Align the top-left position tooltip body to the one of its trigger button.
-     */
-    TOP_LEFT = "top-left",
-    /**
-     * Align the top right position tooltip body to the one of its trigger button.
-     */
-    TOP_RIGHT = "top-right",
-    /**
-     * Align the bottom position tooltip body to the one of its trigger button.
-     */
-    BOTTOM = "bottom",
-    /**
-     * Align the bottom left position tooltip body to the one of its trigger button.
-     */
-    BOTTOM_LEFT = "bottom-left",
-    /**
-     * Align the bottom right position tooltip body to the one of its trigger button.
-     */
-    BOTTOM_RIGHT = "bottom-right",
-    /**
-     * Align the left position tooltip body to the one of its trigger button.
-     */
-    LEFT = "left",
-    /**
-     * Align the left bottom position tooltip body to the one of its trigger button.
-     */
-    LEFT_BOTTOM = "left-bottom",
-    /**
-     * Align the left top position tooltip body to the one of its trigger button.
-     */
-    LEFT_TOP = "left-top",
-    /**
-     * Align the right position tooltip body to the one of its trigger button.
-     */
-    RIGHT = "right",
-    /**
-     * Align the right bottom position tooltip body to the one of its trigger button.
-     */
-    RIGHT_BOTTOM = "right-bottom",
-    /**
-     * Align the right top position tooltip body to the one of its trigger button.
-     */
-    RIGHT_TOP = "right-top,"
-}
-/**
- * The direction/positioning/orientation choices of tooltip.
- */
-export declare enum TOOLTIP_DIRECTION {
-    /**
-     * Put tooltip body at the left of its trigger button.
-     */
-    LEFT = "left",
-    /**
-     * Put tooltip body at the top of its trigger button.
-     */
-    TOP = "top",
-    /**
-     * Put tooltip body at the right of its trigger button.
-     */
-    RIGHT = "right",
-    /**
-     * Put tooltip body at the bottom of its trigger button.
-     */
-    BOTTOM = "bottom"
-}
-
-//# sourceMappingURL=defs.d.ts.map

package/es/components/tooltip/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/tooltip/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,QAAQ,aAAa;IAErB;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,WAAW,gBAAgB;IAE3B;;OAEG;IACH,YAAY,iBAAiB;IAE7B;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,WAAW,gBAAgB;IAE3B;;OAEG;IACH,QAAQ,aAAa;IAErB;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,YAAY,iBAAiB;IAE7B;;OAEG;IACH,SAAS,eAAe;CACzB;AAED;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;CAClB","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The alignment choices of tooltip.\n */\nexport enum TOOLTIP_ALIGNMENT {\n  /**\n   * Align the top/left position tooltip body to the one of its trigger button.\n   */\n  TOP = 'top',\n\n  /**\n   * Align the top-left position tooltip body to the one of its trigger button.\n   */\n  TOP_LEFT = 'top-left',\n\n  /**\n   * Align the top right position tooltip body to the one of its trigger button.\n   */\n  TOP_RIGHT = 'top-right',\n\n  /**\n   * Align the bottom position tooltip body to the one of its trigger button.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Align the bottom left position tooltip body to the one of its trigger button.\n   */\n  BOTTOM_LEFT = 'bottom-left',\n\n  /**\n   * Align the bottom right position tooltip body to the one of its trigger button.\n   */\n  BOTTOM_RIGHT = 'bottom-right',\n\n  /**\n   * Align the left position tooltip body to the one of its trigger button.\n   */\n  LEFT = 'left',\n\n  /**\n   * Align the left bottom position tooltip body to the one of its trigger button.\n   */\n  LEFT_BOTTOM = 'left-bottom',\n\n  /**\n   * Align the left top position tooltip body to the one of its trigger button.\n   */\n  LEFT_TOP = 'left-top',\n\n  /**\n   * Align the right position tooltip body to the one of its trigger button.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Align the right bottom position tooltip body to the one of its trigger button.\n   */\n  RIGHT_BOTTOM = 'right-bottom',\n\n  /**\n   * Align the right top position tooltip body to the one of its trigger button.\n   */\n  RIGHT_TOP = 'right-top,',\n}\n\n/**\n * The direction/positioning/orientation choices of tooltip.\n */\nexport enum TOOLTIP_DIRECTION {\n  /**\n   * Put tooltip body at the left of its trigger button.\n   */\n  LEFT = 'left',\n\n  /**\n   * Put tooltip body at the top of its trigger button.\n   */\n  TOP = 'top',\n\n  /**\n   * Put tooltip body at the right of its trigger button.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Put tooltip body at the bottom of its trigger button.\n   */\n  BOTTOM = 'bottom',\n}\n"]}

package/es/components/tooltip/defs.js

@@ -1,39 +0,0 @@
-/**
- * @license
- *
- * Copyright IBM Corp. 2020, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * The alignment choices of tooltip.
- */
-export let TOOLTIP_ALIGNMENT;
-
-/**
- * The direction/positioning/orientation choices of tooltip.
- */
-(function (TOOLTIP_ALIGNMENT) {
-  TOOLTIP_ALIGNMENT["TOP"] = "top";
-  TOOLTIP_ALIGNMENT["TOP_LEFT"] = "top-left";
-  TOOLTIP_ALIGNMENT["TOP_RIGHT"] = "top-right";
-  TOOLTIP_ALIGNMENT["BOTTOM"] = "bottom";
-  TOOLTIP_ALIGNMENT["BOTTOM_LEFT"] = "bottom-left";
-  TOOLTIP_ALIGNMENT["BOTTOM_RIGHT"] = "bottom-right";
-  TOOLTIP_ALIGNMENT["LEFT"] = "left";
-  TOOLTIP_ALIGNMENT["LEFT_BOTTOM"] = "left-bottom";
-  TOOLTIP_ALIGNMENT["LEFT_TOP"] = "left-top";
-  TOOLTIP_ALIGNMENT["RIGHT"] = "right";
-  TOOLTIP_ALIGNMENT["RIGHT_BOTTOM"] = "right-bottom";
-  TOOLTIP_ALIGNMENT["RIGHT_TOP"] = "right-top,";
-})(TOOLTIP_ALIGNMENT || (TOOLTIP_ALIGNMENT = {}));
-export let TOOLTIP_DIRECTION;
-(function (TOOLTIP_DIRECTION) {
-  TOOLTIP_DIRECTION["LEFT"] = "left";
-  TOOLTIP_DIRECTION["TOP"] = "top";
-  TOOLTIP_DIRECTION["RIGHT"] = "right";
-  TOOLTIP_DIRECTION["BOTTOM"] = "bottom";
-})(TOOLTIP_DIRECTION || (TOOLTIP_DIRECTION = {}));
-//# sourceMappingURL=defs.js.map

package/es/components/tooltip/defs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defs.js","names":["TOOLTIP_ALIGNMENT","TOOLTIP_DIRECTION"],"sources":["components/tooltip/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The alignment choices of tooltip.\n */\nexport enum TOOLTIP_ALIGNMENT {\n  /**\n   * Align the top/left position tooltip body to the one of its trigger button.\n   */\n  TOP = 'top',\n\n  /**\n   * Align the top-left position tooltip body to the one of its trigger button.\n   */\n  TOP_LEFT = 'top-left',\n\n  /**\n   * Align the top right position tooltip body to the one of its trigger button.\n   */\n  TOP_RIGHT = 'top-right',\n\n  /**\n   * Align the bottom position tooltip body to the one of its trigger button.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Align the bottom left position tooltip body to the one of its trigger button.\n   */\n  BOTTOM_LEFT = 'bottom-left',\n\n  /**\n   * Align the bottom right position tooltip body to the one of its trigger button.\n   */\n  BOTTOM_RIGHT = 'bottom-right',\n\n  /**\n   * Align the left position tooltip body to the one of its trigger button.\n   */\n  LEFT = 'left',\n\n  /**\n   * Align the left bottom position tooltip body to the one of its trigger button.\n   */\n  LEFT_BOTTOM = 'left-bottom',\n\n  /**\n   * Align the left top position tooltip body to the one of its trigger button.\n   */\n  LEFT_TOP = 'left-top',\n\n  /**\n   * Align the right position tooltip body to the one of its trigger button.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Align the right bottom position tooltip body to the one of its trigger button.\n   */\n  RIGHT_BOTTOM = 'right-bottom',\n\n  /**\n   * Align the right top position tooltip body to the one of its trigger button.\n   */\n  RIGHT_TOP = 'right-top,',\n}\n\n/**\n * The direction/positioning/orientation choices of tooltip.\n */\nexport enum TOOLTIP_DIRECTION {\n  /**\n   * Put tooltip body at the left of its trigger button.\n   */\n  LEFT = 'left',\n\n  /**\n   * Put tooltip body at the top of its trigger button.\n   */\n  TOP = 'top',\n\n  /**\n   * Put tooltip body at the right of its trigger button.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Put tooltip body at the bottom of its trigger button.\n   */\n  BOTTOM = 'bottom',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,iBAAiB;;AA8D7B;AACA;AACA;AAFA,WA9DYA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;AAAA,GAAjBA,iBAAiB,KAAjBA,iBAAiB;AAiE7B,WAAYC,iBAAiB;AAoB5B,WApBWA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;AAAA,GAAjBA,iBAAiB,KAAjBA,iBAAiB"}