odaptos_design_system 2.0.5 → 2.0.7

package/src/Atoms/Typography/TextWithLink.modules.scss

@@ -1,281 +1,281 @@
-@import '../../../styles/index.css';
-
-.text_with_link {
-  font-family: var(--sdFontFamilyOpenSans);
-  font-style: normal;
-  font-weight: var(--sdFontWeightRegular);
-  font-size: var(--sdFontSizeXs);
-  line-height: var(--sdLineHeight130);
-  letter-spacing: var(--sdLetterSpacingButtons);
-  text-align: left;
-  margin: unset;
-  a {
-    color: var(--color-primary-500, #07f);
-    margin-left: 0.5rem;
-  }
-}
-
-.text_with_link_underline {
-  text-decoration: var(--sdUnderline);
-}
-
-.text_with_link_line_through {
-  text-decoration: var(--sdLineThrough);
-}
-
-.text_with_link_required::after {
-  content: ' *';
-  color: red;
-}
-
-/* Regular */
-
-.text_with_link.text_with_link_xs.text_with_link_regular {
-  font: var(--sdTypoTextNoDecorationRegularXs);
-  padding: 0.063rem 0px;
-}
-
-.text_with_link.text_with_link_sm.text_with_link_regular {
-  font: var(--sdTypoTextNoDecorationRegularSm);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_base.text_with_link_regular {
-  font: var(--sdTypoTextNoDecorationRegularBase);
-  padding: 0.125rem 0px;
-}
-
-.text_with_link.text_with_link_lg.text_with_link_regular {
-  font: var(--sdTypoTextNoDecorationRegularLg);
-  padding: 0.125rem 0px;
-}
-
-.text_with_link.text_with_link_xl.text_with_link_regular {
-  font: var(--sdTypoTextNoDecorationRegularXl);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_xxl.text_with_link_regular {
-  font: var(--sdTypoTextNoDecorationRegular2xl);
-  padding: 0px;
-}
-
-.text_with_link.text_with_link_xxxl.text_with_link_regular {
-  font: var(--sdTypoTextNoDecorationRegular3xl);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_xxxxl.text_with_link_regular {
-  font: var(--sdTypoTextNoDecorationRegular4xl);
-  padding: 0.188rem 0px 0.063rem;
-}
-
-/* Regular Italic */
-
-.text_with_link.text_with_link_xs.text_with_link_regular.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationItalicXs);
-  padding: 0.063rem 0px 0.125rem;
-}
-
-.text_with_link.text_with_link_sm.text_with_link_regular.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationItalicSm);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_base.text-regular.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationItalicBase);
-  padding: 0.125rem 0px;
-}
-
-.text_with_link.text_with_link_lg.text_with_link_regular.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationItalicLg);
-  padding: 0.125rem 0px;
-}
-
-.text_with_link.text_with_link_xl.text_with_link_regular.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationItalicXl);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_xxl.text_with_link_regular.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationItalic2xl);
-  padding: 0px;
-}
-
-.text_with_link.text_with_link_xxxl.text_with_link_regular.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationItalic3xl);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_xxxxl.text_with_link_regular.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationItalic4xl);
-  padding: 0.188rem 0px 0.063rem;
-}
-
-/* Bold */
-
-.text_with_link.text_with_link_xs.text_with_link_bold {
-  font: var(--sdTypoTextNoDecorationBoldXs);
-  padding: 0.063rem 0px 0.125rem;
-}
-
-.text_with_link.text_with_link_sm.text_with_link_bold {
-  font: var(--sdTypoTextNoDecorationBoldSm);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_base.text_with_link_bold {
-  font: var(--sdTypoTextNoDecorationBoldBase);
-  padding: 0.125rem 0px;
-}
-
-.text_with_link.text_with_link_lg.text_with_link_bold {
-  font: var(--sdTypoTextNoDecorationBoldLg);
-  padding: 0.125rem 0px;
-}
-
-.text_with_link.text_with_link_xl.text_with_link_bold {
-  font: var(--sdTypoTextNoDecorationBoldXl);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_xxl.text_with_link_bold {
-  font: var(--sdTypoTextNoDecorationBold2xl);
-  padding: 0px;
-}
-
-.text_with_link.text_with_link_xxxl.text_with_link_bold {
-  font: var(--sdTypoTextNoDecorationBold3xl);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_xxxxl.text_with_link_bold {
-  font: var(--sdTypoTextNoDecorationBold4xl);
-  padding: 0.188rem 0px 0.063rem;
-}
-
-/* Bold Italic */
-
-.text_with_link.text_with_link_xs.text_with_link_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationBoldItalicXs);
-  padding: 0.063rem 0px 0.125rem;
-}
-
-.text_with_link.text_with_link_sm.text_with_link_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationBoldItalicSm);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_base.text_with_link_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationBoldItalicBase);
-  padding: 0.125rem 0px;
-}
-
-.text_with_link.text_with_link_lg.text_with_link_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationBoldItalicLg);
-  padding: 0.125rem 0px;
-}
-
-.text_with_link.text_with_link_xl.text_with_link_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationBoldItalicXl);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_xxl.text_with_link_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationBoldItalic2xl);
-  padding: 0px;
-}
-
-.text_with_link.text_with_link_xxxl.text_with_link_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationBoldItalic3xl);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_xxxxl.text_with_link_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationBoldItalic4xl);
-  padding: 0.188rem 0px 0.063rem;
-}
-
-/* Semi Bold */
-
-.text_with_link.text_with_link_xs.text_with_link_semi_bold {
-  font: var(--sdTypoTextNoDecorationSemiBoldXs);
-  padding: 0.063rem 0px 0.125rem;
-}
-
-.text_with_link.text_with_link_sm.text_with_link_semi_bold {
-  font: var(--sdTypoTextNoDecorationSemiBoldSm);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_base.text_with_link_semi_bold {
-  font: var(--sdTypoTextNoDecorationSemiBoldBase);
-  padding: 0.125rem 0px;
-}
-
-.text_with_link.text_with_link_lg.text_with_link_semi_bold {
-  font: var(--sdTypoTextNoDecorationSemiBoldLg);
-  padding: 0.125rem 0px;
-}
-
-.text_with_link.text_with_link_xl.text_with_link_semi_bold {
-  font: var(--sdTypoTextNoDecorationSemiBoldXl);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_xxl.text_with_link_semi_bold {
-  font: var(--sdTypoTextNoDecorationSemiBold2xl);
-  padding: 0px;
-}
-
-.text_with_link.text_with_link_xxxl.text_with_link_semi_bold {
-  font: var(--sdTypoTextNoDecorationSemiBold3xl);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_xxxxl.text_with_link_semi_bold {
-  font: var(--sdTypoTextNoDecorationSemiBold4xl);
-  padding: 0.188rem 0px 0.063rem;
-}
-
-/* Semi Bold Italic */
-
-.text_with_link.text_with_link_xs.text_with_link_semi_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalicXs);
-  padding: 0.063rem 0px 0.125rem;
-}
-
-.text_with_link.text_with_link_sm.text_with_link_semi_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalicSm);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_base.text_with_link_semi_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalicBase);
-  padding: 0.125rem 0px;
-}
-
-.text_with_link.text_with_link_lg.text_with_link_semi_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalicLg);
-  padding: 0.125rem 0px;
-}
-
-.text_with_link.text_with_link_xl.text_with_link_semi_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalicXl);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_xxl.text_with_link_semi_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalic2xl);
-  padding: 0px;
-}
-
-.text_with_link.text_with_link_xxxl.text_with_link_semi_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalic3xl);
-  padding: 0.063rem 0px 0.188rem;
-}
-
-.text_with_link.text_with_link_xxxxl.text_with_link_semi_bold.text_with_link_italic {
-  font: var(--sdTypoTextNoDecorationSemiBoldItalic4xl);
-  padding: 0.188rem 0px 0.063rem;
-}
+@import '../../../styles/index.css';
+
+.text_with_link {
+  font-family: var(--sdFontFamilyOpenSans);
+  font-style: normal;
+  font-weight: var(--sdFontWeightRegular);
+  font-size: var(--sdFontSizeXs);
+  line-height: var(--sdLineHeight130);
+  letter-spacing: var(--sdLetterSpacingButtons);
+  text-align: left;
+  margin: unset;
+  a {
+    color: var(--color-primary-500, #07f);
+    margin-left: 0.5rem;
+  }
+}
+
+.text_with_link_underline {
+  text-decoration: var(--sdUnderline);
+}
+
+.text_with_link_line_through {
+  text-decoration: var(--sdLineThrough);
+}
+
+.text_with_link_required::after {
+  content: ' *';
+  color: red;
+}
+
+/* Regular */
+
+.text_with_link.text_with_link_xs.text_with_link_regular {
+  font: var(--sdTypoTextNoDecorationRegularXs);
+  padding: 0.063rem 0px;
+}
+
+.text_with_link.text_with_link_sm.text_with_link_regular {
+  font: var(--sdTypoTextNoDecorationRegularSm);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_base.text_with_link_regular {
+  font: var(--sdTypoTextNoDecorationRegularBase);
+  padding: 0.125rem 0px;
+}
+
+.text_with_link.text_with_link_lg.text_with_link_regular {
+  font: var(--sdTypoTextNoDecorationRegularLg);
+  padding: 0.125rem 0px;
+}
+
+.text_with_link.text_with_link_xl.text_with_link_regular {
+  font: var(--sdTypoTextNoDecorationRegularXl);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_xxl.text_with_link_regular {
+  font: var(--sdTypoTextNoDecorationRegular2xl);
+  padding: 0px;
+}
+
+.text_with_link.text_with_link_xxxl.text_with_link_regular {
+  font: var(--sdTypoTextNoDecorationRegular3xl);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_xxxxl.text_with_link_regular {
+  font: var(--sdTypoTextNoDecorationRegular4xl);
+  padding: 0.188rem 0px 0.063rem;
+}
+
+/* Regular Italic */
+
+.text_with_link.text_with_link_xs.text_with_link_regular.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationItalicXs);
+  padding: 0.063rem 0px 0.125rem;
+}
+
+.text_with_link.text_with_link_sm.text_with_link_regular.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationItalicSm);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_base.text-regular.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationItalicBase);
+  padding: 0.125rem 0px;
+}
+
+.text_with_link.text_with_link_lg.text_with_link_regular.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationItalicLg);
+  padding: 0.125rem 0px;
+}
+
+.text_with_link.text_with_link_xl.text_with_link_regular.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationItalicXl);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_xxl.text_with_link_regular.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationItalic2xl);
+  padding: 0px;
+}
+
+.text_with_link.text_with_link_xxxl.text_with_link_regular.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationItalic3xl);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_xxxxl.text_with_link_regular.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationItalic4xl);
+  padding: 0.188rem 0px 0.063rem;
+}
+
+/* Bold */
+
+.text_with_link.text_with_link_xs.text_with_link_bold {
+  font: var(--sdTypoTextNoDecorationBoldXs);
+  padding: 0.063rem 0px 0.125rem;
+}
+
+.text_with_link.text_with_link_sm.text_with_link_bold {
+  font: var(--sdTypoTextNoDecorationBoldSm);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_base.text_with_link_bold {
+  font: var(--sdTypoTextNoDecorationBoldBase);
+  padding: 0.125rem 0px;
+}
+
+.text_with_link.text_with_link_lg.text_with_link_bold {
+  font: var(--sdTypoTextNoDecorationBoldLg);
+  padding: 0.125rem 0px;
+}
+
+.text_with_link.text_with_link_xl.text_with_link_bold {
+  font: var(--sdTypoTextNoDecorationBoldXl);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_xxl.text_with_link_bold {
+  font: var(--sdTypoTextNoDecorationBold2xl);
+  padding: 0px;
+}
+
+.text_with_link.text_with_link_xxxl.text_with_link_bold {
+  font: var(--sdTypoTextNoDecorationBold3xl);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_xxxxl.text_with_link_bold {
+  font: var(--sdTypoTextNoDecorationBold4xl);
+  padding: 0.188rem 0px 0.063rem;
+}
+
+/* Bold Italic */
+
+.text_with_link.text_with_link_xs.text_with_link_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationBoldItalicXs);
+  padding: 0.063rem 0px 0.125rem;
+}
+
+.text_with_link.text_with_link_sm.text_with_link_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationBoldItalicSm);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_base.text_with_link_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationBoldItalicBase);
+  padding: 0.125rem 0px;
+}
+
+.text_with_link.text_with_link_lg.text_with_link_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationBoldItalicLg);
+  padding: 0.125rem 0px;
+}
+
+.text_with_link.text_with_link_xl.text_with_link_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationBoldItalicXl);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_xxl.text_with_link_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationBoldItalic2xl);
+  padding: 0px;
+}
+
+.text_with_link.text_with_link_xxxl.text_with_link_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationBoldItalic3xl);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_xxxxl.text_with_link_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationBoldItalic4xl);
+  padding: 0.188rem 0px 0.063rem;
+}
+
+/* Semi Bold */
+
+.text_with_link.text_with_link_xs.text_with_link_semi_bold {
+  font: var(--sdTypoTextNoDecorationSemiBoldXs);
+  padding: 0.063rem 0px 0.125rem;
+}
+
+.text_with_link.text_with_link_sm.text_with_link_semi_bold {
+  font: var(--sdTypoTextNoDecorationSemiBoldSm);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_base.text_with_link_semi_bold {
+  font: var(--sdTypoTextNoDecorationSemiBoldBase);
+  padding: 0.125rem 0px;
+}
+
+.text_with_link.text_with_link_lg.text_with_link_semi_bold {
+  font: var(--sdTypoTextNoDecorationSemiBoldLg);
+  padding: 0.125rem 0px;
+}
+
+.text_with_link.text_with_link_xl.text_with_link_semi_bold {
+  font: var(--sdTypoTextNoDecorationSemiBoldXl);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_xxl.text_with_link_semi_bold {
+  font: var(--sdTypoTextNoDecorationSemiBold2xl);
+  padding: 0px;
+}
+
+.text_with_link.text_with_link_xxxl.text_with_link_semi_bold {
+  font: var(--sdTypoTextNoDecorationSemiBold3xl);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_xxxxl.text_with_link_semi_bold {
+  font: var(--sdTypoTextNoDecorationSemiBold4xl);
+  padding: 0.188rem 0px 0.063rem;
+}
+
+/* Semi Bold Italic */
+
+.text_with_link.text_with_link_xs.text_with_link_semi_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationSemiBoldItalicXs);
+  padding: 0.063rem 0px 0.125rem;
+}
+
+.text_with_link.text_with_link_sm.text_with_link_semi_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationSemiBoldItalicSm);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_base.text_with_link_semi_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationSemiBoldItalicBase);
+  padding: 0.125rem 0px;
+}
+
+.text_with_link.text_with_link_lg.text_with_link_semi_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationSemiBoldItalicLg);
+  padding: 0.125rem 0px;
+}
+
+.text_with_link.text_with_link_xl.text_with_link_semi_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationSemiBoldItalicXl);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_xxl.text_with_link_semi_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationSemiBoldItalic2xl);
+  padding: 0px;
+}
+
+.text_with_link.text_with_link_xxxl.text_with_link_semi_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationSemiBoldItalic3xl);
+  padding: 0.063rem 0px 0.188rem;
+}
+
+.text_with_link.text_with_link_xxxxl.text_with_link_semi_bold.text_with_link_italic {
+  font: var(--sdTypoTextNoDecorationSemiBoldItalic4xl);
+  padding: 0.188rem 0px 0.063rem;
+}