hds-web 1.11.1 → 1.11.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.es.js +1 -1
  2. package/dist/index.js +2 -2
  3. package/package.json +1 -1
  4. package/src/HDS/components/Cards/Feedback/feedback.js +5 -1
  5. package/src/HDS/components/Cards/Misc/iconCard.js +2 -2
  6. package/src/HDS/components/Cards/Misc/imageBadgeCard.js +1 -1
  7. package/src/styles/tailwind.css +12 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hds-web",
3
- "version": "1.11.1",
3
+ "version": "1.11.4",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/HDS/components/Cards/Feedback/feedback.js CHANGED
@@ -6,6 +6,10 @@ import { HDSButton } from "../../Buttons";
6
6
 
7
7
 
8
8
  export default function FeedbackCard(props) {
9
+ let logoBg = '';
10
+ if (props.logoBg){
11
+ logoBg = HDSColor(props.logoBg);
12
+ }
9
13
  return (
10
14
  <div className='bg-neutral-0 rounded-3xl shadow p-6 tb-l:p-10 grid mb-6 db-s:mb-0 last:mb-0 flex-1 max-w-[920px] mx-auto flex-col'>
11
15
  <div className=" self-start">
@@ -28,7 +32,7 @@ export default function FeedbackCard(props) {
28
32
  )
29
33
  }
30
34
  <div className={"mb-s:flex items-start" + ((props.dividerClass) ? " pt-6" : "mt-0")}>
31
- <div className={"border border-neutral-150 p-2 flex items-center justify-center rounded-2xl" + ((props.dividerClass) ? " w-[72px] h-[56px] min-w-[72px]" : " w-[112px] h-[90px] min-w-[112px]")}>
35
+ <div className={"border border-neutral-150 p-2 flex items-center justify-center rounded-2xl " + logoBg + ((props.dividerClass) ? " w-[72px] h-[56px] min-w-[72px]" : " w-[112px] h-[90px] min-w-[112px] ")}>
32
36
  <img className="max-h-[20px]" src={props.brandImgUrl} alt={props.brandImgAlt}/>
33
37
  </div>
34
38
  <div className={"pt-4 mb-s:pt-0 " + ((props.dividerClass) ? "mb-s:pl-6" : "mb-s:pl-8")}>
package/src/HDS/components/Cards/Misc/iconCard.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
2
  import PropTypes from 'prop-types';
3
3
  import { Icon } from "../../common-components/Icon";
4
- import { HDSColor } from '../../../foundation/ColorPalette';
5
- import { Typography } from '../../../foundation/Typography';
4
+ import { HDSColor } from '../../../foundation/ColorPalette'
5
+ import { Typography } from '../../../foundation/Typography'
6
6
  import { HDSButton } from "../../Buttons";
7
7
  import ReactMarkdown from "react-markdown";
8
8
  const cardVariant = {
package/src/HDS/components/Cards/Misc/imageBadgeCard.js CHANGED
@@ -8,7 +8,7 @@ export default function ImageBadgeCard(card) {
8
8
  <>
9
9
  <div>
10
10
  <a href={card.sliderLink}>
11
- <div className={`${HDSColor(card.cardBg)}bg-neutral-0 hover:shadow-lg hover:transition-all hover:ease-in-out hover:duration-300 hover:border-opacity-0 min-h-[443px] min-w-[312px] tb:max-w-[763px] tb:min-h-[245px] rounded-3xl tb:p-8 p-4`}>
11
+ <div className={`${HDSColor(card.cardBg)}bg-neutral-0 shadow hover:transition-all hover:ease-in-out hover:duration-300 hover:border-opacity-0 min-h-[443px] min-w-[312px] tb:max-w-[763px] tb:min-h-[245px] rounded-3xl tb:p-8 p-4`}>
12
12
 
13
13
  <div className='flex flex-col-reverse tb:flex-row justify-between gap-4 items-center'>
14
14
  <div className='tb:max-w-[393px] mt-8 tb:mt-0'>
package/src/styles/tailwind.css CHANGED
@@ -8612,6 +8612,18 @@ select{
8612
8612
  z-index: 10;
8613
8613
  }
8614
8614
 
8615
+ .hover\:translate-y-0:hover{
8616
+ --tw-translate-y: 0px;
8617
+ -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
8618
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
8619
+ }
8620
+
8621
+ .hover\:translate-y-0\.5:hover{
8622
+ --tw-translate-y: 0.125rem;
8623
+ -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
8624
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
8625
+ }
8626
+
8615
8627
  .hover\:scale-110:hover{
8616
8628
  --tw-scale-x: 1.1;
8617
8629
  --tw-scale-y: 1.1;