@carbon-labs/react-animated-header 0.21.0 → 0.23.0

package/scss/AnimatedHeader/animated-header.scss

@@ -276,11 +276,13 @@ body {
   display: flex;
   flex-direction: column;
   margin: 0;
+  margin-block-start: $spacing-08;
   opacity: 1;
   transition: opacity 500ms linear;
 }
 
 .#{$prefix}__workspace--container {
+  margin-block-start: calc(-1 * $spacing-08);
   min-block-size: $spacing-08;
   opacity: 1;
   transition: opacity 500ms linear;
@@ -482,34 +484,18 @@ body {
     margin-block-start: $spacing-06;
   }
 
-  .#{$prefix}__button-collapse--container .cds--popover-container {
-    display: flex;
-  }
-
-  .#{$prefix}__tiles-container:has(> :last-child:nth-child(1))
-    > .#{$prefix}__tile {
-    inline-size: calc(50% - 16px);
-  }
-
-  .#{$prefix}__tiles-container:has(> :last-child:nth-child(2))
-    > .#{$prefix}__tile {
-    inline-size: calc(50% - 16px);
+  .#{$prefix}__workspace--container {
+    margin-block-start: 0;
   }
 
-  .#{$prefix}__tiles-container:has(> :last-child:nth-child(3))
-    > .#{$prefix}__tile {
-    inline-size: calc(50% - 16px);
+  .#{$prefix}__button-collapse--container .cds--popover-container {
+    display: flex;
   }
 
-  .#{$prefix}__tiles-container:has(> :last-child:nth-child(4))
-    > .#{$prefix}__tile {
+  .#{$prefix}__tiles-container > .#{$prefix}__tile {
     inline-size: calc(50% - 16px);
   }
 
-  .#{$prefix}__tiles-container:has(> :nth-child(4)) > .#{$prefix}__tile {
-    inline-size: calc(33% - 16px);
-  }
-
   .#{$prefix}__tiles-container:has(> :first-child)
     > ##{$prefix}__ai-prompt-tile {
     inline-size: calc(100% - 16px);
@@ -535,30 +521,18 @@ body {
   }
 
   .#{$prefix}__content {
-    margin-block-start: 0;
+    margin-block-start: $spacing-08;
   }
 
-  .#{$prefix}__tiles-container:has(> :last-child:nth-child(1))
-    > .#{$prefix}__tile {
-    inline-size: calc(33% - 16px);
-  }
-
-  .#{$prefix}__tiles-container:has(> :last-child:nth-child(2))
-    > .#{$prefix}__tile {
-    inline-size: calc(50% - 16px);
+  .#{$prefix}__workspace--container {
+    margin-block-start: calc(-1 * $spacing-08);
   }
 
-  .#{$prefix}__tiles-container:has(> :last-child:nth-child(3))
-    > .#{$prefix}__tile {
-    inline-size: calc(50% - 16px);
-  }
-
-  .#{$prefix}__tiles-container:has(> :last-child:nth-child(4))
-    > .#{$prefix}__tile {
+  .#{$prefix}__tiles-container > .#{$prefix}__tile {
     inline-size: calc(33% - 16px);
   }
 
-  .#{$prefix}__tiles-container:has(> :nth-child(4)) > .#{$prefix}__tile {
+  .#{$prefix}__tiles-container:has(> :nth-child(5)) > .#{$prefix}__tile {
     inline-size: calc(33% - 16px);
   }
 
@@ -584,27 +558,11 @@ body {
     background-size: 89% auto;
   }
 
-  .#{$prefix}__tiles-container:has(> :last-child:nth-child(1))
-    > .#{$prefix}__tile {
-    inline-size: calc(25% - 16px);
-  }
-
-  .#{$prefix}__tiles-container:has(> :last-child:nth-child(2))
-    > .#{$prefix}__tile {
-    inline-size: calc(50% - 16px);
-  }
-
-  .#{$prefix}__tiles-container:has(> :last-child:nth-child(3))
-    > .#{$prefix}__tile {
-    inline-size: calc(33% - 16px);
-  }
-
-  .#{$prefix}__tiles-container:has(> :last-child:nth-child(4))
-    > .#{$prefix}__tile {
+  .#{$prefix}__tiles-container > .#{$prefix}__tile {
     inline-size: calc(25% - 16px);
   }
 
-  .#{$prefix}__tiles-container:has(> :nth-child(4)) > .#{$prefix}__tile {
+  .#{$prefix}__tiles-container:has(> :nth-child(5)) > .#{$prefix}__tile {
     inline-size: calc(25% - 16px);
   }
 

package/es/node_modules/@carbon/icons-react/es/Icon.js

@@ -1,71 +0,0 @@
-/**
- * Copyright IBM Corp. 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { getAttributes } from '../node_modules/@carbon/icon-helpers/es/index.js';
-import PropTypes from 'prop-types';
-import React from 'react';
-
-/**
- * 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.
- */
-const Icon = /*#__PURE__*/React.forwardRef(function Icon(_ref, ref) {
-  let {
-    className,
-    children,
-    tabIndex,
-    xmlns = 'http://www.w3.org/2000/svg',
-    preserveAspectRatio = 'xMidYMid meet',
-    ...rest
-  } = _ref;
-  const {
-    tabindex,
-    ...attrs
-  } = getAttributes({
-    ...rest,
-    tabindex: tabIndex
-  });
-  const props = attrs;
-  if (className) {
-    props.className = className;
-  }
-  if (tabindex !== undefined && tabindex !== null) {
-    if (typeof tabindex === 'number') {
-      props.tabIndex = tabindex;
-    } else {
-      props.tabIndex = Number(tabIndex);
-    }
-  }
-  if (ref) {
-    props.ref = ref;
-  }
-  if (xmlns) {
-    props.xmlns = xmlns;
-  }
-  if (preserveAspectRatio) {
-    props.preserveAspectRatio = preserveAspectRatio;
-  }
-  return /*#__PURE__*/React.createElement('svg', props, children);
-});
-Icon.displayName = 'Icon';
-Icon.propTypes = {
-  'aria-hidden': PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['true', 'false'])]),
-  'aria-label': PropTypes.string,
-  'aria-labelledby': PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  preserveAspectRatio: PropTypes.string,
-  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  viewBox: PropTypes.string,
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  xmlns: PropTypes.string
-};
-
-export { Icon as default };