@orangesk/orange-design-system 2.0.0 → 2.1.0

package/src/components/PromoBanner/PromoBanner.tsx

@@ -33,6 +33,7 @@ export const PromoBanner = ({
   imageClassName,
   variant,
   imageFullWidth,
+  ...other
 }: PromoBannerProps) => {
   const classes = cx(CLASS_ROOT, className, {
     [`${CLASS_ROOT}--flush-top-sm-down`]: flushTopSmDown,
@@ -41,7 +42,7 @@ export const PromoBanner = ({
     [`${CLASS_ROOT}--vertical`]: variant === "vertical",
   });
   return (
-    <div className={classes}>
+    <div className={classes} {...other}>
       <Grid columnGapSize="large">
         {variant === "reverse" && image && (
           <GridCol

package/src/components/Tile/styles/mixins.scss

@@ -66,6 +66,7 @@
   justify-content: space-between;
   gap: convert.to-rem(15px);
   padding: space.get("large") space.get("medium");
+  word-break: normal;
 
   @include breakpoint.get("sm") {
     gap: space.get("medium");

package/src/styles/base/globals-forms.scss

@@ -1,3 +1,4 @@
+@use "../tokens/base";
 @use "../tokens/color";
 
 button,
@@ -10,6 +11,36 @@ textarea {
   line-height: inherit;
 }
 
+input,
+select,
+textarea {
+  font-size: base.$font-size;
+}
+
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active,
+select:-webkit-autofill,
+select:-webkit-autofill:hover,
+select:-webkit-autofill:focus,
+select:-webkit-autofill:active,
+textarea:-webkit-autofill,
+textarea:-webkit-autofill:hover,
+textarea:-webkit-autofill:focus,
+textarea:-webkit-autofill:active {
+  -webkit-text-fill-color: var(--color-text-default);
+  caret-color: var(--color-text-default);
+  box-shadow: 0 0 0 1000px var(--color-fill-primary) inset;
+  transition: background-color 9999s ease-in-out 0s;
+}
+
+input:-webkit-autofill::first-line,
+select:-webkit-autofill::first-line,
+textarea:-webkit-autofill::first-line {
+  color: var(--color-text-default);
+}
+
 fieldset {
   margin: 0;
   padding: 0;

package/src/components/Card/CHANGELOG.md

@@ -1,19 +0,0 @@
-# Changelog for Card Component
-
-## [Unreleased]
-
-### Breaking Changes
-
-- **Removed**: `CardHeader` component has been removed from the Card module.
-- **Added**: `CardProductHeader` component has been introduced as a new header variant for product cards.
-- **Added**: `space` prop to `CardSection` and `CardProductHeader` for small spacing option. When set to `"small"`, applies compact spacing via a modifier class.
-
-### Other Notable Changes
-
-- Card documentation and usage examples updated to use `CardProductHeader` instead of `CardHeader`.
-- Card exports and tests updated to reflect the removal of `CardHeader` and addition of `CardProductHeader`.
-- No changes to the main `Card` or `CardSection` API except for the new `space` prop.
-
----
-
-**Note:** If you were using `CardHeader`, please migrate to `CardProductHeader` or use `CardSection` for custom header content as needed.