@telia/teddy 0.0.23 → 0.0.24

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 (4) hide show
  1. package/dist/components/link/link.js +10 -10
  2. package/dist/components/scroll-area/scroll-area-root.d.ts +11 -1
  3. package/dist/style.css +20 -20
  4. package/package.json +1 -1
package/dist/components/link/link.js CHANGED
@@ -3,16 +3,16 @@ import clsx from "clsx";
3
3
  import React__default from "react";
4
4
  import { Slot } from "@radix-ui/react-slot";
5
5
  const styles = {
6
- "teddy-link": "_teddy-link_1jza5_1",
7
- "teddy-link--text": "_teddy-link--text_1jza5_15",
8
- "teddy-link--standalone": "_teddy-link--standalone_1jza5_15",
9
- "teddy-link--navigation": "_teddy-link--navigation_1jza5_15",
10
- "teddy-link--disable-visited": "_teddy-link--disable-visited_1jza5_25",
11
- "teddy-link--text-negative": "_teddy-link--text-negative_1jza5_28",
12
- "teddy-link--standalone-negative": "_teddy-link--standalone-negative_1jza5_28",
13
- "teddy-link--navigation-negative": "_teddy-link--navigation-negative_1jza5_28",
14
- "teddy-link--ensure-target-area": "_teddy-link--ensure-target-area_1jza5_56",
15
- "teddy-link--silent": "_teddy-link--silent_1jza5_62"
6
+ "teddy-link": "_teddy-link_zi6ey_1",
7
+ "teddy-link--text": "_teddy-link--text_zi6ey_15",
8
+ "teddy-link--standalone": "_teddy-link--standalone_zi6ey_15",
9
+ "teddy-link--navigation": "_teddy-link--navigation_zi6ey_15",
10
+ "teddy-link--disable-visited": "_teddy-link--disable-visited_zi6ey_25",
11
+ "teddy-link--text-negative": "_teddy-link--text-negative_zi6ey_28",
12
+ "teddy-link--standalone-negative": "_teddy-link--standalone-negative_zi6ey_28",
13
+ "teddy-link--navigation-negative": "_teddy-link--navigation-negative_zi6ey_28",
14
+ "teddy-link--ensure-target-area": "_teddy-link--ensure-target-area_zi6ey_56",
15
+ "teddy-link--silent": "_teddy-link--silent_zi6ey_62"
16
16
  };
17
17
  const rootClassName = "teddy-link";
18
18
  const Link = React__default.forwardRef(
package/dist/components/scroll-area/scroll-area-root.d.ts CHANGED
@@ -4,7 +4,12 @@ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
4
4
  export declare const rootClassName = "teddy-scroll-area";
5
5
  type Variant = 'scrollbar' | 'button';
6
6
  export type RootProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {
7
- variant?: Variant;
7
+ /** There are three different variants
8
+ * - `scrollbar`: The scrollbar will be visible on hover and scroll
9
+ * - `button`: There will be buttons to scroll
10
+ * - `undefined`: The scrollbar will not be visible
11
+ */
12
+ variant?: Variant | undefined;
8
13
  };
9
14
  type RootContextType = {
10
15
  scrollRef: HTMLDivElement | null;
@@ -16,6 +21,11 @@ type RootContextType = {
16
21
  };
17
22
  export declare const RootContext: React.Context<RootContextType | undefined>;
18
23
  export declare const Root: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
24
+ /** There are three different variants
25
+ * - `scrollbar`: The scrollbar will be visible on hover and scroll
26
+ * - `button`: There will be buttons to scroll
27
+ * - `undefined`: The scrollbar will not be visible
28
+ */
19
29
  variant?: Variant | undefined;
20
30
  } & React.RefAttributes<HTMLDivElement>>;
21
31
  export {};
package/dist/style.css CHANGED
@@ -889,81 +889,81 @@
889
889
  }
890
890
  ._teddy-chip__indicator_1er2j_82 {
891
891
  display: none;
892
- }._teddy-link_1jza5_1 {
892
+ }._teddy-link_zi6ey_1 {
893
893
  align-items: center;
894
894
  cursor: pointer;
895
895
  display: inline-flex;
896
896
  gap: var(--teddy-spacing-50);
897
897
  text-decoration: underline;
898
898
  }
899
- ._teddy-link_1jza5_1:focus, ._teddy-link_1jza5_1:active {
899
+ ._teddy-link_zi6ey_1:focus, ._teddy-link_zi6ey_1:active {
900
900
  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
901
901
  outline-offset: var(--teddy-spacing-25);
902
902
  }
903
- ._teddy-link_1jza5_1:focus:not(:focus-visible) {
903
+ ._teddy-link_zi6ey_1:focus:not(:focus-visible) {
904
904
  outline: 0;
905
905
  }
906
- ._teddy-link--text_1jza5_15, ._teddy-link--standalone_1jza5_15, ._teddy-link--navigation_1jza5_15 {
906
+ ._teddy-link--text_zi6ey_15, ._teddy-link--standalone_zi6ey_15, ._teddy-link--navigation_zi6ey_15 {
907
907
  color: var(--teddy-color-text-interactive-primary);
908
908
  }
909
- ._teddy-link--text_1jza5_15:hover, ._teddy-link--standalone_1jza5_15:hover, ._teddy-link--navigation_1jza5_15:hover {
909
+ ._teddy-link--text_zi6ey_15:hover, ._teddy-link--standalone_zi6ey_15:hover, ._teddy-link--navigation_zi6ey_15:hover {
910
910
  color: var(--teddy-color-text-interactive-primary-active);
911
911
  background-color: var(--teddy-color-background-interactive-transparent-hover);
912
912
  }
913
- ._teddy-link--text_1jza5_15:active, ._teddy-link--standalone_1jza5_15:active, ._teddy-link--navigation_1jza5_15:active {
913
+ ._teddy-link--text_zi6ey_15:active, ._teddy-link--standalone_zi6ey_15:active, ._teddy-link--navigation_zi6ey_15:active {
914
914
  background-color: var(--teddy-color-background-interactive-transparent-active);
915
915
  }
916
- ._teddy-link--text_1jza5_15:visited:not(._teddy-link--disable-visited_1jza5_25), ._teddy-link--standalone_1jza5_15:visited:not(._teddy-link--disable-visited_1jza5_25), ._teddy-link--navigation_1jza5_15:visited:not(._teddy-link--disable-visited_1jza5_25) {
916
+ ._teddy-link--text_zi6ey_15:visited:not(._teddy-link--disable-visited_zi6ey_25), ._teddy-link--standalone_zi6ey_15:visited:not(._teddy-link--disable-visited_zi6ey_25), ._teddy-link--navigation_zi6ey_15:visited:not(._teddy-link--disable-visited_zi6ey_25) {
917
917
  color: var(--teddy-color-text-interactive-primary-active);
918
918
  }
919
- ._teddy-link--text-negative_1jza5_28, ._teddy-link--standalone-negative_1jza5_28, ._teddy-link--navigation-negative_1jza5_28 {
919
+ ._teddy-link--text-negative_zi6ey_28, ._teddy-link--standalone-negative_zi6ey_28, ._teddy-link--navigation-negative_zi6ey_28 {
920
920
  color: var(--teddy-color-text-interactive-primary-negative);
921
921
  }
922
- ._teddy-link--text-negative_1jza5_28:hover, ._teddy-link--standalone-negative_1jza5_28:hover, ._teddy-link--navigation-negative_1jza5_28:hover {
922
+ ._teddy-link--text-negative_zi6ey_28:hover, ._teddy-link--standalone-negative_zi6ey_28:hover, ._teddy-link--navigation-negative_zi6ey_28:hover {
923
923
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
924
924
  color: var(--teddy-color-text-interactive-primary-negative);
925
925
  }
926
- ._teddy-link--text-negative_1jza5_28:active, ._teddy-link--standalone-negative_1jza5_28:active, ._teddy-link--navigation-negative_1jza5_28:active {
926
+ ._teddy-link--text-negative_zi6ey_28:active, ._teddy-link--standalone-negative_zi6ey_28:active, ._teddy-link--navigation-negative_zi6ey_28:active {
927
927
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
928
928
  color: var(--teddy-color-text-interactive-primary-negative-active);
929
929
  }
930
- ._teddy-link--text-negative_1jza5_28:visited:not(._teddy-link--disable-visited_1jza5_25), ._teddy-link--standalone-negative_1jza5_28:visited:not(._teddy-link--disable-visited_1jza5_25), ._teddy-link--navigation-negative_1jza5_28:visited:not(._teddy-link--disable-visited_1jza5_25) {
930
+ ._teddy-link--text-negative_zi6ey_28:visited:not(._teddy-link--disable-visited_zi6ey_25), ._teddy-link--standalone-negative_zi6ey_28:visited:not(._teddy-link--disable-visited_zi6ey_25), ._teddy-link--navigation-negative_zi6ey_28:visited:not(._teddy-link--disable-visited_zi6ey_25) {
931
931
  color: var(--teddy-color-text-interactive-primary-negative-active);
932
932
  }
933
- ._teddy-link--standalone_1jza5_15, ._teddy-link--standalone-negative_1jza5_28 {
934
- padding: var(--teddy-spacing-100) 0;
933
+ ._teddy-link--standalone_zi6ey_15, ._teddy-link--standalone-negative_zi6ey_28 {
934
+ padding: var(--teddy-spacing-150) 0;
935
935
  }
936
- ._teddy-link--navigation_1jza5_15, ._teddy-link--navigation-negative_1jza5_28 {
936
+ ._teddy-link--navigation_zi6ey_15, ._teddy-link--navigation-negative_zi6ey_28 {
937
937
  align-items: center;
938
938
  background-color: var(--teddy-color-functional-transparent);
939
939
  display: flex;
940
940
  font-weight: var(--teddy-typography-weight-medium);
941
941
  text-decoration: none;
942
942
  }
943
- ._teddy-link--navigation_1jza5_15:active, ._teddy-link--navigation_1jza5_15:hover, ._teddy-link--navigation-negative_1jza5_28:active, ._teddy-link--navigation-negative_1jza5_28:hover {
943
+ ._teddy-link--navigation_zi6ey_15:active, ._teddy-link--navigation_zi6ey_15:hover, ._teddy-link--navigation-negative_zi6ey_28:active, ._teddy-link--navigation-negative_zi6ey_28:hover {
944
944
  background-color: var(--teddy-color-functional-transparent);
945
945
  text-decoration: underline;
946
946
  }
947
- ._teddy-link--ensure-target-area_1jza5_56 {
947
+ ._teddy-link--ensure-target-area_zi6ey_56 {
948
948
  display: flex;
949
949
  align-items: center;
950
950
  min-height: var(--teddy-spacing-600);
951
951
  min-width: var(--teddy-spacing-600);
952
952
  }
953
- ._teddy-link--silent_1jza5_62 {
953
+ ._teddy-link--silent_zi6ey_62 {
954
954
  background-color: inherit;
955
955
  color: inherit;
956
956
  height: 100%;
957
957
  text-decoration: none;
958
958
  }
959
- ._teddy-link--silent_1jza5_62:hover, ._teddy-link--silent_1jza5_62:focus, ._teddy-link--silent_1jza5_62:active {
959
+ ._teddy-link--silent_zi6ey_62:hover, ._teddy-link--silent_zi6ey_62:focus, ._teddy-link--silent_zi6ey_62:active {
960
960
  background-color: inherit;
961
961
  color: inherit;
962
962
  }
963
- ._teddy-link--silent_1jza5_62 a:focus {
963
+ ._teddy-link--silent_zi6ey_62 a:focus {
964
964
  outline: 0;
965
965
  }
966
- ._teddy-link--silent_1jza5_62:is(._teddy-link--disable-visited_1jza5_25):visited {
966
+ ._teddy-link--silent_zi6ey_62:is(._teddy-link--disable-visited_zi6ey_25):visited {
967
967
  color: inherit;
968
968
  }@layer grid {
969
969
  ._teddy-grid_1dv1t_2 {
package/package.json CHANGED
@@ -18,7 +18,7 @@
18
18
  "pnpm": ">=8"
19
19
  },
20
20
  "private": false,
21
- "version": "0.0.23",
21
+ "version": "0.0.24",
22
22
  "sideEffects": [
23
23
  "**/*.css"
24
24
  ],