@telia/teddy 0.7.36 → 0.7.37

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 (6) hide show
  1. package/dist/components/heading/heading.cjs +14 -14
  2. package/dist/components/heading/heading.js +14 -14
  3. package/dist/components/text/text.cjs +13 -13
  4. package/dist/components/text/text.js +13 -13
  5. package/dist/style.css +30 -30
  6. package/package.json +1 -1
package/dist/components/heading/heading.cjs CHANGED
@@ -6,20 +6,20 @@ const clsx = require("clsx");
6
6
  const React = require("react");
7
7
  const utils_generateStyling_index = require("../../utils/generate-styling/index.cjs");
8
8
  const styles = {
9
- "teddy-heading": "_teddy-heading_r8os0_2",
10
- "teddy-heading--hyphens": "_teddy-heading--hyphens_r8os0_9",
11
- "teddy-heading--subsection-100": "_teddy-heading--subsection-100_r8os0_12",
12
- "teddy-heading--title-100": "_teddy-heading--title-100_r8os0_18",
13
- "teddy-heading--title-200": "_teddy-heading--title-200_r8os0_24",
14
- "teddy-heading--title-300": "_teddy-heading--title-300_r8os0_30",
15
- "teddy-heading--title-400": "_teddy-heading--title-400_r8os0_36",
16
- "teddy-heading--title-500": "_teddy-heading--title-500_r8os0_42",
17
- "teddy-heading--title-600": "_teddy-heading--title-600_r8os0_48",
18
- "teddy-heading--title-700": "_teddy-heading--title-700_r8os0_54",
19
- "teddy-heading--display-25": "_teddy-heading--display-25_r8os0_60",
20
- "teddy-heading--display-50": "_teddy-heading--display-50_r8os0_66",
21
- "teddy-heading--display-100": "_teddy-heading--display-100_r8os0_72",
22
- "teddy-heading--display-200": "_teddy-heading--display-200_r8os0_78"
9
+ "teddy-heading": "_teddy-heading_lke53_2",
10
+ "teddy-heading--hyphens": "_teddy-heading--hyphens_lke53_9",
11
+ "teddy-heading--subsection-100": "_teddy-heading--subsection-100_lke53_12",
12
+ "teddy-heading--title-100": "_teddy-heading--title-100_lke53_18",
13
+ "teddy-heading--title-200": "_teddy-heading--title-200_lke53_24",
14
+ "teddy-heading--title-300": "_teddy-heading--title-300_lke53_30",
15
+ "teddy-heading--title-400": "_teddy-heading--title-400_lke53_36",
16
+ "teddy-heading--title-500": "_teddy-heading--title-500_lke53_42",
17
+ "teddy-heading--title-600": "_teddy-heading--title-600_lke53_48",
18
+ "teddy-heading--title-700": "_teddy-heading--title-700_lke53_54",
19
+ "teddy-heading--display-25": "_teddy-heading--display-25_lke53_60",
20
+ "teddy-heading--display-50": "_teddy-heading--display-50_lke53_66",
21
+ "teddy-heading--display-100": "_teddy-heading--display-100_lke53_72",
22
+ "teddy-heading--display-200": "_teddy-heading--display-200_lke53_78"
23
23
  };
24
24
  const rootClassName = "teddy-heading";
25
25
  const headingVariants = [
package/dist/components/heading/heading.js CHANGED
@@ -4,20 +4,20 @@ import clsx from "clsx";
4
4
  import React__default from "react";
5
5
  import { extractProps } from "../../utils/generate-styling/index.js";
6
6
  const styles = {
7
- "teddy-heading": "_teddy-heading_r8os0_2",
8
- "teddy-heading--hyphens": "_teddy-heading--hyphens_r8os0_9",
9
- "teddy-heading--subsection-100": "_teddy-heading--subsection-100_r8os0_12",
10
- "teddy-heading--title-100": "_teddy-heading--title-100_r8os0_18",
11
- "teddy-heading--title-200": "_teddy-heading--title-200_r8os0_24",
12
- "teddy-heading--title-300": "_teddy-heading--title-300_r8os0_30",
13
- "teddy-heading--title-400": "_teddy-heading--title-400_r8os0_36",
14
- "teddy-heading--title-500": "_teddy-heading--title-500_r8os0_42",
15
- "teddy-heading--title-600": "_teddy-heading--title-600_r8os0_48",
16
- "teddy-heading--title-700": "_teddy-heading--title-700_r8os0_54",
17
- "teddy-heading--display-25": "_teddy-heading--display-25_r8os0_60",
18
- "teddy-heading--display-50": "_teddy-heading--display-50_r8os0_66",
19
- "teddy-heading--display-100": "_teddy-heading--display-100_r8os0_72",
20
- "teddy-heading--display-200": "_teddy-heading--display-200_r8os0_78"
7
+ "teddy-heading": "_teddy-heading_lke53_2",
8
+ "teddy-heading--hyphens": "_teddy-heading--hyphens_lke53_9",
9
+ "teddy-heading--subsection-100": "_teddy-heading--subsection-100_lke53_12",
10
+ "teddy-heading--title-100": "_teddy-heading--title-100_lke53_18",
11
+ "teddy-heading--title-200": "_teddy-heading--title-200_lke53_24",
12
+ "teddy-heading--title-300": "_teddy-heading--title-300_lke53_30",
13
+ "teddy-heading--title-400": "_teddy-heading--title-400_lke53_36",
14
+ "teddy-heading--title-500": "_teddy-heading--title-500_lke53_42",
15
+ "teddy-heading--title-600": "_teddy-heading--title-600_lke53_48",
16
+ "teddy-heading--title-700": "_teddy-heading--title-700_lke53_54",
17
+ "teddy-heading--display-25": "_teddy-heading--display-25_lke53_60",
18
+ "teddy-heading--display-50": "_teddy-heading--display-50_lke53_66",
19
+ "teddy-heading--display-100": "_teddy-heading--display-100_lke53_72",
20
+ "teddy-heading--display-200": "_teddy-heading--display-200_lke53_78"
21
21
  };
22
22
  const rootClassName = "teddy-heading";
23
23
  const headingVariants = [
package/dist/components/text/text.cjs CHANGED
@@ -7,19 +7,19 @@ const React = require("react");
7
7
  const utils_generateStyling_index = require("../../utils/generate-styling/index.cjs");
8
8
  const tokens_color_variables = require("../../tokens/color/variables.cjs");
9
9
  const styles = {
10
- "teddy-text": "_teddy-text_15w9u_2",
11
- "teddy-text--disabled": "_teddy-text--disabled_15w9u_8",
12
- "teddy-text--hyphens": "_teddy-text--hyphens_15w9u_11",
13
- "teddy-text--paragraph-100": "_teddy-text--paragraph-100_15w9u_14",
14
- "teddy-text--paragraph-100-medium": "_teddy-text--paragraph-100-medium_15w9u_20",
15
- "teddy-text--paragraph-100-bold": "_teddy-text--paragraph-100-bold_15w9u_27",
16
- "teddy-text--paragraph-200": "_teddy-text--paragraph-200_15w9u_34",
17
- "teddy-text--preamble-100": "_teddy-text--preamble-100_15w9u_40",
18
- "teddy-text--preamble-200": "_teddy-text--preamble-200_15w9u_46",
19
- "teddy-text--additional-100": "_teddy-text--additional-100_15w9u_52",
20
- "teddy-text--additional-100-medium": "_teddy-text--additional-100-medium_15w9u_58",
21
- "teddy-text--overline-100": "_teddy-text--overline-100_15w9u_65",
22
- "teddy-text--overline-200": "_teddy-text--overline-200_15w9u_72"
10
+ "teddy-text": "_teddy-text_19etp_2",
11
+ "teddy-text--disabled": "_teddy-text--disabled_19etp_8",
12
+ "teddy-text--hyphens": "_teddy-text--hyphens_19etp_11",
13
+ "teddy-text--paragraph-100": "_teddy-text--paragraph-100_19etp_14",
14
+ "teddy-text--paragraph-100-medium": "_teddy-text--paragraph-100-medium_19etp_20",
15
+ "teddy-text--paragraph-100-bold": "_teddy-text--paragraph-100-bold_19etp_27",
16
+ "teddy-text--paragraph-200": "_teddy-text--paragraph-200_19etp_34",
17
+ "teddy-text--preamble-100": "_teddy-text--preamble-100_19etp_40",
18
+ "teddy-text--preamble-200": "_teddy-text--preamble-200_19etp_46",
19
+ "teddy-text--additional-100": "_teddy-text--additional-100_19etp_52",
20
+ "teddy-text--additional-100-medium": "_teddy-text--additional-100-medium_19etp_58",
21
+ "teddy-text--overline-100": "_teddy-text--overline-100_19etp_65",
22
+ "teddy-text--overline-200": "_teddy-text--overline-200_19etp_72"
23
23
  };
24
24
  const rootClassName = "teddy-text";
25
25
  const Text = React.forwardRef(({ faded, ...props }, forwardRef) => {
package/dist/components/text/text.js CHANGED
@@ -5,19 +5,19 @@ import React__default from "react";
5
5
  import { extractProps } from "../../utils/generate-styling/index.js";
6
6
  import { teddyColorTextMedium } from "../../tokens/color/variables.js";
7
7
  const styles = {
8
- "teddy-text": "_teddy-text_15w9u_2",
9
- "teddy-text--disabled": "_teddy-text--disabled_15w9u_8",
10
- "teddy-text--hyphens": "_teddy-text--hyphens_15w9u_11",
11
- "teddy-text--paragraph-100": "_teddy-text--paragraph-100_15w9u_14",
12
- "teddy-text--paragraph-100-medium": "_teddy-text--paragraph-100-medium_15w9u_20",
13
- "teddy-text--paragraph-100-bold": "_teddy-text--paragraph-100-bold_15w9u_27",
14
- "teddy-text--paragraph-200": "_teddy-text--paragraph-200_15w9u_34",
15
- "teddy-text--preamble-100": "_teddy-text--preamble-100_15w9u_40",
16
- "teddy-text--preamble-200": "_teddy-text--preamble-200_15w9u_46",
17
- "teddy-text--additional-100": "_teddy-text--additional-100_15w9u_52",
18
- "teddy-text--additional-100-medium": "_teddy-text--additional-100-medium_15w9u_58",
19
- "teddy-text--overline-100": "_teddy-text--overline-100_15w9u_65",
20
- "teddy-text--overline-200": "_teddy-text--overline-200_15w9u_72"
8
+ "teddy-text": "_teddy-text_19etp_2",
9
+ "teddy-text--disabled": "_teddy-text--disabled_19etp_8",
10
+ "teddy-text--hyphens": "_teddy-text--hyphens_19etp_11",
11
+ "teddy-text--paragraph-100": "_teddy-text--paragraph-100_19etp_14",
12
+ "teddy-text--paragraph-100-medium": "_teddy-text--paragraph-100-medium_19etp_20",
13
+ "teddy-text--paragraph-100-bold": "_teddy-text--paragraph-100-bold_19etp_27",
14
+ "teddy-text--paragraph-200": "_teddy-text--paragraph-200_19etp_34",
15
+ "teddy-text--preamble-100": "_teddy-text--preamble-100_19etp_40",
16
+ "teddy-text--preamble-200": "_teddy-text--preamble-200_19etp_46",
17
+ "teddy-text--additional-100": "_teddy-text--additional-100_19etp_52",
18
+ "teddy-text--additional-100-medium": "_teddy-text--additional-100-medium_19etp_58",
19
+ "teddy-text--overline-100": "_teddy-text--overline-100_19etp_65",
20
+ "teddy-text--overline-200": "_teddy-text--overline-200_19etp_72"
21
21
  };
22
22
  const rootClassName = "teddy-text";
23
23
  const Text = React__default.forwardRef(({ faded, ...props }, forwardRef) => {
package/dist/style.css CHANGED
@@ -666,77 +666,77 @@
666
666
  display: flex;
667
667
  }
668
668
  }@layer text {
669
- ._teddy-text_15w9u_2 {
669
+ ._teddy-text_19etp_2 {
670
670
  color: inherit;
671
671
  display: block;
672
672
  margin: 0;
673
673
  hyphens: none;
674
674
  }
675
- ._teddy-text--disabled_15w9u_8 {
675
+ ._teddy-text--disabled_19etp_8 {
676
676
  color: var(--teddy-color-text-weak);
677
677
  }
678
- ._teddy-text--hyphens_15w9u_11 {
678
+ ._teddy-text--hyphens_19etp_11 {
679
679
  hyphens: auto;
680
680
  }
681
- ._teddy-text--paragraph-100_15w9u_14 {
681
+ ._teddy-text--paragraph-100_19etp_14 {
682
682
  font-family: var(--teddy-typography-family-default);
683
683
  font-weight: var(--teddy-typography-weight-normal);
684
684
  font-size: var(--teddy-typography-scale-100);
685
685
  line-height: var(--teddy-typography-line-height-loose);
686
686
  }
687
- ._teddy-text--paragraph-100-medium_15w9u_20 {
687
+ ._teddy-text--paragraph-100-medium_19etp_20 {
688
688
  font-family: var(--teddy-typography-family-default);
689
689
  font-weight: var(--teddy-typography-weight-normal);
690
690
  font-size: var(--teddy-typography-scale-100);
691
691
  line-height: var(--teddy-typography-line-height-loose);
692
692
  font-weight: var(--teddy-typography-weight-medium);
693
693
  }
694
- ._teddy-text--paragraph-100-bold_15w9u_27 {
694
+ ._teddy-text--paragraph-100-bold_19etp_27 {
695
695
  font-family: var(--teddy-typography-family-default);
696
696
  font-weight: var(--teddy-typography-weight-normal);
697
697
  font-size: var(--teddy-typography-scale-100);
698
698
  line-height: var(--teddy-typography-line-height-loose);
699
699
  font-weight: var(--teddy-typography-weight-bold);
700
700
  }
701
- ._teddy-text--paragraph-200_15w9u_34 {
701
+ ._teddy-text--paragraph-200_19etp_34 {
702
702
  font-family: var(--teddy-typography-family-default);
703
703
  font-weight: var(--teddy-typography-weight-normal);
704
704
  font-size: var(--teddy-typography-scale-100);
705
705
  line-height: var(--teddy-typography-line-height-looser);
706
706
  }
707
- ._teddy-text--preamble-100_15w9u_40 {
707
+ ._teddy-text--preamble-100_19etp_40 {
708
708
  font-family: var(--teddy-typography-family-default);
709
709
  font-weight: var(--teddy-typography-weight-normal);
710
- font-size: var(--teddy-typography-scale-200);
710
+ font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-200));
711
711
  line-height: var(--teddy-typography-line-height-loose);
712
712
  }
713
- ._teddy-text--preamble-200_15w9u_46 {
713
+ ._teddy-text--preamble-200_19etp_46 {
714
714
  font-family: var(--teddy-typography-family-default);
715
715
  font-weight: var(--teddy-typography-weight-normal);
716
- font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
716
+ font-size: clamp(var(--teddy-typography-scale-200), 3vw, var(--teddy-typography-scale-400));
717
717
  line-height: var(--teddy-typography-line-height-loose);
718
718
  }
719
- ._teddy-text--additional-100_15w9u_52 {
719
+ ._teddy-text--additional-100_19etp_52 {
720
720
  font-family: var(--teddy-typography-family-default);
721
721
  font-weight: var(--teddy-typography-weight-normal);
722
722
  font-size: var(--teddy-typography-scale-75);
723
723
  line-height: var(--teddy-typography-line-height-loose);
724
724
  }
725
- ._teddy-text--additional-100-medium_15w9u_58 {
725
+ ._teddy-text--additional-100-medium_19etp_58 {
726
726
  font-family: var(--teddy-typography-family-default);
727
727
  font-weight: var(--teddy-typography-weight-normal);
728
728
  font-size: var(--teddy-typography-scale-75);
729
729
  line-height: var(--teddy-typography-line-height-loose);
730
730
  font-weight: var(--teddy-typography-weight-medium);
731
731
  }
732
- ._teddy-text--overline-100_15w9u_65 {
732
+ ._teddy-text--overline-100_19etp_65 {
733
733
  font-family: var(--teddy-typography-family-default);
734
734
  font-size: var(--teddy-typography-scale-75);
735
735
  letter-spacing: var(--teddy-spacing-10);
736
736
  line-height: var(--teddy-typography-line-height-tight);
737
737
  text-transform: uppercase;
738
738
  }
739
- ._teddy-text--overline-200_15w9u_72 {
739
+ ._teddy-text--overline-200_19etp_72 {
740
740
  font-family: var(--teddy-typography-family-default);
741
741
  font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
742
742
  letter-spacing: var(--teddy-spacing-10);
@@ -744,83 +744,83 @@
744
744
  text-transform: uppercase;
745
745
  }
746
746
  }@layer heading {
747
- ._teddy-heading_r8os0_2 {
747
+ ._teddy-heading_lke53_2 {
748
748
  color: var(--teddy-color-text-default);
749
749
  display: block;
750
750
  hyphens: none;
751
751
  margin: 0;
752
752
  max-width: 60ch;
753
753
  }
754
- ._teddy-heading--hyphens_r8os0_9 {
754
+ ._teddy-heading--hyphens_lke53_9 {
755
755
  hyphens: auto;
756
756
  }
757
- ._teddy-heading--subsection-100_r8os0_12 {
757
+ ._teddy-heading--subsection-100_lke53_12 {
758
758
  font-family: var(--teddy-typography-family-default);
759
759
  font-weight: var(--teddy-typography-weight-medium);
760
760
  font-size: var(--teddy-typography-scale-100);
761
761
  line-height: var(--teddy-typography-line-height-default);
762
762
  }
763
- ._teddy-heading--title-100_r8os0_18 {
763
+ ._teddy-heading--title-100_lke53_18 {
764
764
  font-family: var(--teddy-typography-family-default);
765
765
  font-weight: var(--teddy-typography-weight-bold);
766
766
  font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
767
767
  line-height: var(--teddy-typography-line-height-default);
768
768
  }
769
- ._teddy-heading--title-200_r8os0_24 {
769
+ ._teddy-heading--title-200_lke53_24 {
770
770
  font-family: var(--teddy-typography-family-default);
771
771
  font-weight: var(--teddy-typography-weight-bold);
772
772
  font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
773
773
  line-height: var(--teddy-typography-line-height-default);
774
774
  }
775
- ._teddy-heading--title-300_r8os0_30 {
775
+ ._teddy-heading--title-300_lke53_30 {
776
776
  font-family: var(--teddy-typography-family-default);
777
777
  font-weight: var(--teddy-typography-weight-bold);
778
778
  font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
779
779
  line-height: var(--teddy-typography-line-height-default);
780
780
  }
781
- ._teddy-heading--title-400_r8os0_36 {
781
+ ._teddy-heading--title-400_lke53_36 {
782
782
  font-family: var(--teddy-typography-family-default);
783
783
  font-weight: var(--teddy-typography-weight-bold);
784
784
  font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
785
785
  line-height: var(--teddy-typography-line-height-default);
786
786
  }
787
- ._teddy-heading--title-500_r8os0_42 {
787
+ ._teddy-heading--title-500_lke53_42 {
788
788
  font-family: var(--teddy-typography-family-default);
789
789
  font-weight: var(--teddy-typography-weight-bold);
790
- font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-800));
790
+ font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
791
791
  line-height: var(--teddy-typography-line-height-tight);
792
792
  }
793
- ._teddy-heading--title-600_r8os0_48 {
793
+ ._teddy-heading--title-600_lke53_48 {
794
794
  font-family: var(--teddy-typography-family-default);
795
795
  font-weight: var(--teddy-typography-weight-bold);
796
796
  font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
797
797
  line-height: var(--teddy-typography-line-height-tight);
798
798
  }
799
- ._teddy-heading--title-700_r8os0_54 {
799
+ ._teddy-heading--title-700_lke53_54 {
800
800
  font-family: var(--teddy-typography-family-default);
801
801
  font-weight: var(--teddy-typography-weight-bold);
802
802
  font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
803
803
  line-height: var(--teddy-typography-line-height-tight);
804
804
  }
805
- ._teddy-heading--display-25_r8os0_60 {
805
+ ._teddy-heading--display-25_lke53_60 {
806
806
  font-family: var(--teddy-typography-family-display);
807
807
  font-weight: var(--teddy-typography-weight-medium);
808
808
  font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
809
809
  line-height: var(--teddy-typography-line-height-tight);
810
810
  }
811
- ._teddy-heading--display-50_r8os0_66 {
811
+ ._teddy-heading--display-50_lke53_66 {
812
812
  font-family: var(--teddy-typography-family-display);
813
813
  font-weight: var(--teddy-typography-weight-medium);
814
814
  font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
815
815
  line-height: var(--teddy-typography-line-height-tight);
816
816
  }
817
- ._teddy-heading--display-100_r8os0_72 {
817
+ ._teddy-heading--display-100_lke53_72 {
818
818
  font-family: var(--teddy-typography-family-display);
819
819
  font-weight: var(--teddy-typography-weight-medium);
820
820
  font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
821
821
  line-height: var(--teddy-typography-line-height-tight);
822
822
  }
823
- ._teddy-heading--display-200_r8os0_78 {
823
+ ._teddy-heading--display-200_lke53_78 {
824
824
  font-family: var(--teddy-typography-family-display);
825
825
  font-weight: var(--teddy-typography-weight-medium);
826
826
  font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=10"
21
21
  },
22
22
  "private": false,
23
- "version": "0.7.36",
23
+ "version": "0.7.37",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"