@eturnity/eturnity_reusable_components 9.3.1-EPDM-17970.0 → 9.3.1-EPDM-16212.0

package/dist/main.es746.js

@@ -1,64 +1,4 @@
-function makeMap(str, expectsLowerCase) {
-  const map = /* @__PURE__ */ Object.create(null);
-  const list = str.split(",");
-  for (let i = 0; i < list.length; i++) {
-    map[list[i]] = true;
-  }
-  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
-}
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const NOOP = () => {
-};
-const extend = Object.assign;
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty.call(val, key);
-const isArray = Array.isArray;
-const isMap = (val) => toTypeString(val) === "[object Map]";
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const isSymbol = (val) => typeof val === "symbol";
-const isObject = (val) => val !== null && typeof val === "object";
-const objectToString = Object.prototype.toString;
-const toTypeString = (value) => objectToString.call(value);
-const toRawType = (value) => {
-  return toTypeString(value).slice(8, -1);
-};
-const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-};
-const capitalize = cacheStringFunction(
-  (str) => str.charAt(0).toUpperCase() + str.slice(1)
-);
-const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-const def = (obj, key, value) => {
-  Object.defineProperty(obj, key, {
-    configurable: true,
-    enumerable: false,
-    value
-  });
-};
+const __vite_glob_0_356 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMi40IDEuMkMyLjQgMS44NjI3NCAxLjg2Mjc0IDIuNCAxLjIgMi40QzAuNTM3MjU4IDIuNCAwIDEuODYyNzQgMCAxLjJDMCAwLjUzNzI1OCAwLjUzNzI1OCAwIDEuMiAwQzEuODYyNzQgMCAyLjQgMC41MzcyNTggMi40IDEuMloiIGZpbGw9IiMyNjMyMzgiIC8+CiAgPHBhdGggZD0iTTYgMS4yQzYgMS44NjI3NCA1LjQ2Mjc0IDIuNCA0LjggMi40QzQuMTM3MjYgMi40IDMuNiAxLjg2Mjc0IDMuNiAxLjJDMy42IDAuNTM3MjU4IDQuMTM3MjYgMCA0LjggMEM1LjQ2Mjc0IDAgNiAwLjUzNzI1OCA2IDEuMloiIGZpbGw9IiMyNjMyMzgiIC8+CiAgPHBhdGggZD0iTTIuNCA0LjhDMi40IDUuNDYyNzQgMS44NjI3NCA2IDEuMiA2QzAuNTM3MjU4IDYgMCA1LjQ2Mjc0IDAgNC44QzAgNC4xMzcyNiAwLjUzNzI1OCAzLjYgMS4yIDMuNkMxLjg2Mjc0IDMuNiAyLjQgNC4xMzcyNiAyLjQgNC44WiIgZmlsbD0iIzI2MzIzOCIgLz4KICA8cGF0aCBkPSJNNiA0LjhDNiA1LjQ2Mjc0IDUuNDYyNzQgNiA0LjggNkM0LjEzNzI2IDYgMy42IDUuNDYyNzQgMy42IDQuOEMzLjYgNC4xMzcyNiA0LjEzNzI2IDMuNiA0LjggMy42QzUuNDYyNzQgMy42IDYgNC4xMzcyNiA2IDQuOFoiIGZpbGw9IiMyNjMyMzgiIC8+CiAgPHBhdGggZmlsbD0iIzI2MzIzOCIgZD0iTTEwIDFoNnMyIDAgMiAydjBzMCAyIC0yIDJoLTZzLTIgMCAtMiAtMnYwczAgLTIgMiAtMiIgLz4KICA8cGF0aCBkPSJNMi40IDExLjJDMi40IDExLjg2MjcgMS44NjI3NCAxMi40IDEuMiAxMi40QzAuNTM3MjU4IDEyLjQgMCAxMS44NjI3IDAgMTEuMkMwIDEwLjUzNzMgMC41MzcyNTggMTAgMS4yIDEwQzEuODYyNzQgMTAgMi40IDEwLjUzNzMgMi40IDExLjJaIiBmaWxsPSIjMjYzMjM4IiAvPgogIDxwYXRoIGQ9Ik02IDExLjJDNiAxMS44NjI3IDUuNDYyNzQgMTIuNCA0LjggMTIuNEM0LjEzNzI2IDEyLjQgMy42IDExLjg2MjcgMy42IDExLjJDMy42IDEwLjUzNzMgNC4xMzcyNiAxMCA0LjggMTBDNS40NjI3NCAxMCA2IDEwLjUzNzMgNiAxMS4yWiIgZmlsbD0iIzI2MzIzOCIgLz4KICA8cGF0aCBkPSJNMi40IDE0LjhDMi40IDE1LjQ2MjcgMS44NjI3NCAxNiAxLjIgMTZDMC41MzcyNTggMTYgMCAxNS40NjI3IDAgMTQuOEMwIDE0LjEzNzMgMC41MzcyNTggMTMuNiAxLjIgMTMuNkMxLjg2Mjc0IDEzLjYgMi40IDE0LjEzNzMgMi40IDE0LjhaIiBmaWxsPSIjMjYzMjM4IiAvPgogIDxwYXRoIGQ9Ik02IDE0LjhDNiAxNS40NjI3IDUuNDYyNzQgMTYgNC44IDE2QzQuMTM3MjYgMTYgMy42IDE1LjQ2MjcgMy42IDE0LjhDMy42IDE0LjEzNzMgNC4xMzcyNiAxMy42IDQuOCAxMy42QzUuNDYyNzQgMTMuNiA2IDE0LjEzNzMgNiAxNC44WiIgZmlsbD0iIzI2MzIzOCIgLz4KICA8cGF0aCBmaWxsPSIjMjYzMjM4IiBkPSJNMTAgMTFoNnMyIDAgMiAydjBzMCAyIC0yIDJoLTZzLTIgMCAtMiAtMnYwczAgLTIgMiAtMiIgLz4KPC9zdmc+";
 export {
-  NOOP,
-  capitalize,
-  def,
-  extend,
-  hasChanged,
-  hasOwn,
-  isArray,
-  isFunction,
-  isIntegerKey,
-  isMap,
-  isObject,
-  isString,
-  isSymbol,
-  makeMap,
-  objectToString,
-  toRawType,
-  toTypeString
+  __vite_glob_0_356 as default
 };

package/dist/main.es747.js

@@ -0,0 +1,25 @@
+let supported;
+let perf;
+function isPerformanceSupported() {
+  var _a;
+  if (supported !== void 0) {
+    return supported;
+  }
+  if (typeof window !== "undefined" && window.performance) {
+    supported = true;
+    perf = window.performance;
+  } else if (typeof globalThis !== "undefined" && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
+    supported = true;
+    perf = globalThis.perf_hooks.performance;
+  } else {
+    supported = false;
+  }
+  return supported;
+}
+function now() {
+  return isPerformanceSupported() ? perf.now() : Date.now();
+}
+export {
+  isPerformanceSupported,
+  now
+};

package/dist/main.es748.js

@@ -0,0 +1,64 @@
+function makeMap(str, expectsLowerCase) {
+  const map = /* @__PURE__ */ Object.create(null);
+  const list = str.split(",");
+  for (let i = 0; i < list.length; i++) {
+    map[list[i]] = true;
+  }
+  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
+}
+!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const NOOP = () => {
+};
+const extend = Object.assign;
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key) => hasOwnProperty.call(val, key);
+const isArray = Array.isArray;
+const isMap = (val) => toTypeString(val) === "[object Map]";
+const isFunction = (val) => typeof val === "function";
+const isString = (val) => typeof val === "string";
+const isSymbol = (val) => typeof val === "symbol";
+const isObject = (val) => val !== null && typeof val === "object";
+const objectToString = Object.prototype.toString;
+const toTypeString = (value) => objectToString.call(value);
+const toRawType = (value) => {
+  return toTypeString(value).slice(8, -1);
+};
+const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
+const cacheStringFunction = (fn) => {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+};
+const capitalize = cacheStringFunction(
+  (str) => str.charAt(0).toUpperCase() + str.slice(1)
+);
+const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
+const def = (obj, key, value) => {
+  Object.defineProperty(obj, key, {
+    configurable: true,
+    enumerable: false,
+    value
+  });
+};
+export {
+  NOOP,
+  capitalize,
+  def,
+  extend,
+  hasChanged,
+  hasOwn,
+  isArray,
+  isFunction,
+  isIntegerKey,
+  isMap,
+  isObject,
+  isString,
+  isSymbol,
+  makeMap,
+  objectToString,
+  toRawType,
+  toTypeString
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "9.3.1-EPDM-17970.0",
+  "version": "9.3.1-EPDM-16212.0",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/link.svg

@@ -0,0 +1,3 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.06752 4.62905C6.61553 4.66836 7.14882 4.82466 7.631 5.08804C8.05321 5.31871 8.42787 5.62692 8.73549 5.99526L8.86245 6.15639L8.91518 6.24331C9.01421 6.45365 8.95529 6.7119 8.76186 6.85659C8.54075 7.02176 8.227 6.97606 8.06166 6.75503C7.81836 6.42988 7.5079 6.16068 7.15151 5.96596C6.79502 5.77124 6.40043 5.65514 5.99526 5.62612C5.59016 5.59717 5.1834 5.65605 4.80288 5.798C4.46976 5.92229 4.16336 6.10783 3.89956 6.34487L3.7892 6.44936L1.79506 8.4435L1.61245 8.65151C1.21223 9.15652 0.994606 9.78585 1.00014 10.4357C1.0066 11.1786 1.3049 11.8899 1.83022 12.4152C2.3555 12.9404 3.06597 13.2388 3.80874 13.2453C4.55163 13.2517 5.26753 12.9655 5.8019 12.4494L6.93569 11.3156C7.13094 11.1204 7.44747 11.1204 7.64272 11.3156C7.83796 11.5108 7.83792 11.8273 7.64272 12.0226L6.49624 13.1691C5.77329 13.8672 4.8049 14.253 3.79995 14.2443C2.79503 14.2355 1.83385 13.8328 1.12319 13.1222C0.412457 12.4115 0.00887541 11.4496 0.00014147 10.4445C-0.00848972 9.43953 0.37813 8.47107 1.07631 7.74819L3.08217 5.74233L3.23159 5.60073C3.58845 5.28015 4.00267 5.0286 4.45327 4.8605C4.96828 4.66838 5.51925 4.58978 6.06752 4.62905ZM10.4581 0.000144403C11.4632 0.00887834 12.4252 0.41246 13.1359 1.12319C13.8463 1.83384 14.2492 2.79511 14.258 3.79995C14.2667 4.80504 13.8801 5.77326 13.1818 6.49624L13.1759 6.50307L11.1759 8.50307C10.7874 8.89166 10.3197 9.19187 9.80483 9.38393C9.28992 9.57601 8.73971 9.65557 8.19155 9.61635C7.64327 9.57709 7.10948 9.41994 6.62709 9.15639C6.20515 8.92585 5.83108 8.6182 5.52358 8.25014L5.39565 8.08901L5.34292 8.0021C5.24377 7.79175 5.30281 7.53357 5.49624 7.38882C5.68981 7.24402 5.95427 7.26047 6.12807 7.41518L6.19643 7.4894L6.29018 7.60854C6.51759 7.8809 6.79443 8.10889 7.10659 8.27944C7.46309 8.47418 7.85765 8.58929 8.26284 8.61831C8.66798 8.6473 9.07464 8.58935 9.45522 8.44741C9.8358 8.30544 10.1817 8.0833 10.4689 7.79604L12.463 5.8019C12.9791 5.26753 13.2644 4.55161 13.258 3.80874C13.2515 3.06589 12.9532 2.35552 12.4279 1.83022C11.9026 1.30498 11.1922 1.0066 10.4494 1.00014C9.70907 0.99375 8.99482 1.27647 8.46108 1.78921L8.46206 1.79018L7.31459 2.93081L7.23647 2.99429C7.04204 3.12187 6.77793 3.10016 6.60756 2.92886C6.41288 2.73303 6.41372 2.41554 6.60952 2.22085L7.75698 1.0812L7.76186 1.07632C8.48482 0.378055 9.45308 -0.00857689 10.4581 0.000144403Z" fill="black"/>
+</svg>

package/src/components/accordion/Accordion.stories.js

@@ -1,4 +1,5 @@
 import Accordion from './index.vue'
+import theme from '@/assets/theme'
 
 export default {
   title: 'Accordion',
@@ -26,6 +27,9 @@ const Template = (args, { argTypes }) => ({
       </div>
   </template>
 </Accordion>`,
+  provide: {
+    theme,
+  },
 })
 
 export const Default = Template.bind({})

package/src/components/infoCard/index.vue

@@ -10,13 +10,15 @@
     :padding="padding"
     :preset-styles="presetStyles"
   >
-    <RCIcon
-      :color="iconColor ? iconColor : presetStyles.iconColor"
-      data-test-id="info_card_icon"
-      :hovered-color="iconColor ? iconColor : presetStyles.iconColor"
-      :name="getIconName()"
-      size="18px"
-    />
+    <IconWrapper :size="iconWrapperSize ? iconWrapperSize : iconSize">
+      <RCIcon
+        :color="iconColor ? iconColor : presetStyles.iconColor"
+        data-test-id="info_card_icon"
+        :hovered-color="iconColor ? iconColor : presetStyles.iconColor"
+        :name="getIconName()"
+        :size="iconSize"
+      />
+    </IconWrapper>
     <TextContainer data-test-id="info_card_text_container">
       <slot></slot>
     </TextContainer>
@@ -65,12 +67,23 @@
     width: 100%;
   `
 
+  const IconWrapper = styled('div', {
+    size: String,
+  })`
+    width: ${(props) => props.size};
+    height: ${(props) => props.size};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `
+
   export default {
     name: 'InfoCard',
     components: {
       RCIcon,
       InfoContainer,
       TextContainer,
+      IconWrapper,
     },
     props: {
       type: {
@@ -128,6 +141,16 @@
         type: String,
         default: '',
       },
+      iconSize: {
+        required: false,
+        type: String,
+        default: '18px',
+      },
+      iconWrapperSize: {
+        required: false,
+        type: String,
+        default: null,
+      },
     },
     computed: {
       isInfoSimple() {

package/src/components/inputs/select/index.vue

@@ -25,6 +25,7 @@
               : 'eturnityGrey'
           "
           :font-size="fontSize"
+          :font-weight="labelFontWeight"
           >{{ label }}
           <IsRequiredLabelStar v-if="isRequiredLabel" />
           <OptionalLabel v-if="labelOptional">
@@ -287,14 +288,14 @@
     overflow: hidden;`}
   `
 
-  const labelAttrs = { fontSize: String, fontColor: String }
+  const labelAttrs = { fontSize: String, fontColor: String, fontWeight: String }
   const InputLabel = styled('div', labelAttrs)`
     color: ${(props) =>
       props.theme.colors[props.fontColor]
         ? props.theme.colors[props.fontColor]
         : props.fontColor};
     font-size: ${(props) => props.fontSize};
-    font-weight: 700;
+    font-weight: ${(props) => props.fontWeight};
   `
   const OptionalLabel = styled.span`
     font-weight: 300;
@@ -539,6 +540,11 @@
       label: {
         required: false,
       },
+      labelFontWeight: {
+        required: false,
+        default: '700',
+        type: String,
+      },
       isRequiredLabel: {
         required: false,
         default: false,

package/src/components/pagination/index.vue

@@ -4,8 +4,6 @@
     <!-- Back button -->
     <PaginationLink
       v-if="paginationParams.previous"
-      data-id="pagination_back_button"
-      data-qa-id="pagination_back_button"
       @click="fetchPage(paginationParams.previous)"
     >
       <ArrowIconContainer>
@@ -21,8 +19,6 @@
     <!-- First page -->
     <PaginationLink
       v-if="currentPage > 2 && paginationParams.pages > 3"
-      data-id="pagination_page_button_1"
-      data-qa-id="pagination_page_button_1"
       @click="fetchPage(1)"
     >
       1
@@ -36,8 +32,6 @@
       v-for="number in paginationNumbers()"
       :key="number"
       :class="[currentPage === number ? 'active' : '']"
-      :data-id="`pagination_page_button_${number}`"
-      :data-qa-id="`pagination_page_button_${number}`"
       @click="fetchPage(number)"
     >
       {{ number }}
@@ -56,8 +50,6 @@
       v-if="
         paginationParams.pages - currentPage > 1 && paginationParams.pages > 3
       "
-      :data-id="`pagination_page_button_${paginationParams.pages}`"
-      :data-qa-id="`pagination_page_button_${paginationParams.pages}`"
       @click="fetchPage(paginationParams.pages)"
     >
       {{ paginationParams.pages }}
@@ -66,8 +58,6 @@
     <!-- Forward button -->
     <PaginationLink
       v-if="paginationParams.next"
-      data-id="pagination_next_button"
-      data-qa-id="pagination_next_button"
       @click="fetchPage(paginationParams.next)"
     >
       <ArrowText>{{ $gettext('forward') }}</ArrowText>

package/src/components/styledText/index.js

@@ -0,0 +1,76 @@
+import styled from 'vue3-styled-components'
+
+const TEXT_VARIANTS = {
+  HEADING_MEDIUM: 'heading-medium',
+  HEADING_LARGE: 'heading-large',
+  BODY_SMALL: 'body-small',
+  BODY_MEDIUM: 'body-medium',
+  BODY_LARGE: 'body-large',
+  SUBHEADING_SMALL: 'subheading-small',
+  SUBHEADING_MEDIUM: 'subheading-medium',
+  SUBHEADING_LARGE: 'subheading-large',
+}
+
+const textVariants = {
+  [TEXT_VARIANTS.HEADING_MEDIUM]: {
+    fontSize: '20px',
+    fontWeight: '500',
+    lineHeight: '130%',
+    letterSpacing: '-0.3px',
+  },
+  [TEXT_VARIANTS.HEADING_LARGE]: {
+    fontSize: '24px',
+    fontWeight: '500',
+    lineHeight: '130%',
+    letterSpacing: '-0.36px',
+  },
+  [TEXT_VARIANTS.SUBHEADING_SMALL]: {
+    fontSize: '12px',
+    fontWeight: '500',
+    lineHeight: '140%',
+    letterSpacing: '-0.12px',
+  },
+  [TEXT_VARIANTS.SUBHEADING_MEDIUM]: {
+    fontSize: '14px',
+    fontWeight: '500',
+    lineHeight: '140%',
+    letterSpacing: '-0.14px',
+  },
+  [TEXT_VARIANTS.SUBHEADING_LARGE]: {
+    fontSize: '16px',
+    fontWeight: '500',
+    lineHeight: '140%',
+    letterSpacing: '-0.16px',
+  },
+  [TEXT_VARIANTS.BODY_SMALL]: {
+    fontSize: '12px',
+    fontWeight: '400',
+    lineHeight: '150%',
+  },
+  [TEXT_VARIANTS.BODY_MEDIUM]: {
+    fontSize: '14px',
+    fontWeight: '400',
+    lineHeight: '150%',
+  },
+  [TEXT_VARIANTS.BODY_LARGE]: {
+    fontSize: '16px',
+    fontWeight: '400',
+    lineHeight: '150%',
+  },
+}
+
+const StyledText = styled('div', {
+  fontColor: String,
+  type: String,
+})`
+  color: ${(props) => props.fontColor};
+  font-style: normal;
+
+  font-size: ${(props) => textVariants[props.type]?.fontSize ?? '14px'};
+  font-weight: ${(props) => textVariants[props.type]?.fontWeight ?? '400'};
+  line-height: ${(props) => textVariants[props.type]?.lineHeight ?? '150%'};
+  letter-spacing: ${(props) =>
+    textVariants[props.type]?.letterSpacing ?? 'normal'};
+`
+
+export default StyledText