@dfds-ui/theme 2.2.0-alpha.98e68873 → 2.2.0-alpha.9bb1ab0f

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/cjs/media.d.ts +18 -18
  2. package/cjs/states.d.ts +3 -11
  3. package/cjs/theme.js +5 -5
  4. package/media.d.ts +18 -18
  5. package/package.json +4 -4
  6. package/states.d.ts +3 -11
  7. package/theme.js +1 -1
package/cjs/media.d.ts CHANGED
@@ -1,19 +1,19 @@
1
- declare type Breakpoint<T> = keyof T | number;
2
- declare type Breakpoints<T> = {
1
+ type Breakpoint<T> = keyof T | number;
2
+ type Breakpoints<T> = {
3
3
  [Key in keyof T]: number;
4
4
  };
5
5
  interface IBreakpoints {
6
6
  [key: string]: number;
7
7
  }
8
8
  export declare function generateMedia<T extends Breakpoints<T>>(breakpoints: T): {
9
- lessThan: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
10
- lt: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
11
- lessThanEqual: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
12
- lte: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
13
- greaterThan: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
14
- gt: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
15
- between: (firstBreakpoint: Breakpoint<T>, secondBreakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
16
- bt: (firstBreakpoint: Breakpoint<T>, secondBreakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
9
+ lessThan: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
10
+ lt: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
11
+ lessThanEqual: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
12
+ lte: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
13
+ greaterThan: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
14
+ gt: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
15
+ between: (firstBreakpoint: Breakpoint<T>, secondBreakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
16
+ bt: (firstBreakpoint: Breakpoint<T>, secondBreakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
17
17
  };
18
18
  export declare const media: {
19
19
  lessThan: (breakpoint: Breakpoint<{
@@ -22,42 +22,42 @@ export declare const media: {
22
22
  l: number;
23
23
  xl: number;
24
24
  xxl: number;
25
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
25
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
26
26
  lt: (breakpoint: Breakpoint<{
27
27
  s: number;
28
28
  m: number;
29
29
  l: number;
30
30
  xl: number;
31
31
  xxl: number;
32
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
32
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
33
33
  lessThanEqual: (breakpoint: Breakpoint<{
34
34
  s: number;
35
35
  m: number;
36
36
  l: number;
37
37
  xl: number;
38
38
  xxl: number;
39
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
39
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
40
40
  lte: (breakpoint: Breakpoint<{
41
41
  s: number;
42
42
  m: number;
43
43
  l: number;
44
44
  xl: number;
45
45
  xxl: number;
46
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
46
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
47
47
  greaterThan: (breakpoint: Breakpoint<{
48
48
  s: number;
49
49
  m: number;
50
50
  l: number;
51
51
  xl: number;
52
52
  xxl: number;
53
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
53
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
54
54
  gt: (breakpoint: Breakpoint<{
55
55
  s: number;
56
56
  m: number;
57
57
  l: number;
58
58
  xl: number;
59
59
  xxl: number;
60
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
60
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
61
61
  between: (firstBreakpoint: Breakpoint<{
62
62
  s: number;
63
63
  m: number;
@@ -70,7 +70,7 @@ export declare const media: {
70
70
  l: number;
71
71
  xl: number;
72
72
  xxl: number;
73
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
73
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
74
74
  bt: (firstBreakpoint: Breakpoint<{
75
75
  s: number;
76
76
  m: number;
@@ -83,7 +83,7 @@ export declare const media: {
83
83
  l: number;
84
84
  xl: number;
85
85
  xxl: number;
86
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
86
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
87
87
  };
88
88
  export declare function useBreakpoint(breakpoints?: IBreakpoints): {
89
89
  greaterThan: (breakpointKey: string) => boolean;
package/cjs/states.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare type OverlayOptions = typeof defaultOverlayOptions;
1
+ export type OverlayOptions = typeof defaultOverlayOptions;
2
2
  declare const defaultOverlayOptions: {
3
3
  hover: string;
4
4
  focus: string;
@@ -9,16 +9,8 @@ declare const defaultOverlayOptions: {
9
9
  ignoreFocusVisibility: boolean;
10
10
  };
11
11
  declare const _default: {
12
- outline: (error?: boolean) => import("@emotion/react").SerializedStyles;
13
- overlay: (selected?: boolean, overlayOptions?: Partial<{
14
- hover: string;
15
- focus: string;
16
- active: string;
17
- selected: string;
18
- disabled: string;
19
- color: string;
20
- ignoreFocusVisibility: boolean;
21
- }>) => import("@emotion/react").SerializedStyles;
12
+ outline: (error?: boolean) => import("@emotion/utils").SerializedStyles;
13
+ overlay: (selected?: boolean, overlayOptions?: Partial<typeof defaultOverlayOptions>) => import("@emotion/utils").SerializedStyles;
22
14
  overlayOptions: {
23
15
  defaultOverlayOptions: {
24
16
  hover: string;
package/cjs/theme.js CHANGED
@@ -14,16 +14,16 @@ var _states = _interopRequireDefault(require("./states"));
14
14
  var _breakpoints = _interopRequireDefault(require("./breakpoints"));
15
15
  var _zIndex = _interopRequireDefault(require("./z-index"));
16
16
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
- // eslint-disable-next-line deprecation/deprecation
17
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
18
18
  const themeColors = {
19
19
  ..._colors.hydro2,
20
- // eslint-disable-next-line deprecation/deprecation
20
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
21
21
  ..._colors.legacyColorPalette.surface,
22
- // eslint-disable-next-line deprecation/deprecation
22
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
23
23
  ..._colors.legacyColorPalette.static,
24
- // eslint-disable-next-line deprecation/deprecation
24
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
25
25
  ..._colors.legacyColorPalette.interaction,
26
- // eslint-disable-next-line deprecation/deprecation
26
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
27
27
  ..._colors.legacyColorPalette.status
28
28
  };
29
29
  const theme = {
package/media.d.ts CHANGED
@@ -1,19 +1,19 @@
1
- declare type Breakpoint<T> = keyof T | number;
2
- declare type Breakpoints<T> = {
1
+ type Breakpoint<T> = keyof T | number;
2
+ type Breakpoints<T> = {
3
3
  [Key in keyof T]: number;
4
4
  };
5
5
  interface IBreakpoints {
6
6
  [key: string]: number;
7
7
  }
8
8
  export declare function generateMedia<T extends Breakpoints<T>>(breakpoints: T): {
9
- lessThan: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
10
- lt: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
11
- lessThanEqual: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
12
- lte: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
13
- greaterThan: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
14
- gt: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
15
- between: (firstBreakpoint: Breakpoint<T>, secondBreakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
16
- bt: (firstBreakpoint: Breakpoint<T>, secondBreakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/react").SerializedStyles;
9
+ lessThan: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
10
+ lt: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
11
+ lessThanEqual: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
12
+ lte: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
13
+ greaterThan: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
14
+ gt: (breakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
15
+ between: (firstBreakpoint: Breakpoint<T>, secondBreakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
16
+ bt: (firstBreakpoint: Breakpoint<T>, secondBreakpoint: Breakpoint<T>) => (...args: any) => import("@emotion/utils").SerializedStyles;
17
17
  };
18
18
  export declare const media: {
19
19
  lessThan: (breakpoint: Breakpoint<{
@@ -22,42 +22,42 @@ export declare const media: {
22
22
  l: number;
23
23
  xl: number;
24
24
  xxl: number;
25
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
25
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
26
26
  lt: (breakpoint: Breakpoint<{
27
27
  s: number;
28
28
  m: number;
29
29
  l: number;
30
30
  xl: number;
31
31
  xxl: number;
32
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
32
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
33
33
  lessThanEqual: (breakpoint: Breakpoint<{
34
34
  s: number;
35
35
  m: number;
36
36
  l: number;
37
37
  xl: number;
38
38
  xxl: number;
39
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
39
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
40
40
  lte: (breakpoint: Breakpoint<{
41
41
  s: number;
42
42
  m: number;
43
43
  l: number;
44
44
  xl: number;
45
45
  xxl: number;
46
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
46
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
47
47
  greaterThan: (breakpoint: Breakpoint<{
48
48
  s: number;
49
49
  m: number;
50
50
  l: number;
51
51
  xl: number;
52
52
  xxl: number;
53
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
53
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
54
54
  gt: (breakpoint: Breakpoint<{
55
55
  s: number;
56
56
  m: number;
57
57
  l: number;
58
58
  xl: number;
59
59
  xxl: number;
60
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
60
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
61
61
  between: (firstBreakpoint: Breakpoint<{
62
62
  s: number;
63
63
  m: number;
@@ -70,7 +70,7 @@ export declare const media: {
70
70
  l: number;
71
71
  xl: number;
72
72
  xxl: number;
73
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
73
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
74
74
  bt: (firstBreakpoint: Breakpoint<{
75
75
  s: number;
76
76
  m: number;
@@ -83,7 +83,7 @@ export declare const media: {
83
83
  l: number;
84
84
  xl: number;
85
85
  xxl: number;
86
- }>) => (...args: any) => import("@emotion/react").SerializedStyles;
86
+ }>) => (...args: any) => import("@emotion/utils").SerializedStyles;
87
87
  };
88
88
  export declare function useBreakpoint(breakpoints?: IBreakpoints): {
89
89
  greaterThan: (breakpointKey: string) => boolean;
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Theme",
4
4
  "license": "MIT",
5
5
  "private": false,
6
- "version": "2.2.0-alpha.98e68873",
6
+ "version": "2.2.0-alpha.9bb1ab0f",
7
7
  "sideEffects": false,
8
8
  "main": "./cjs/index.js",
9
9
  "module": "./index.js",
@@ -13,12 +13,12 @@
13
13
  "react": ">= 18.3.1"
14
14
  },
15
15
  "dependencies": {
16
- "@dfds-ui/colors": "2.2.0-alpha.98e68873",
17
- "@dfds-ui/spacing": "2.2.0-alpha.98e68873",
16
+ "@dfds-ui/colors": "2.2.0-alpha.9bb1ab0f",
17
+ "@dfds-ui/spacing": "2.2.0-alpha.9bb1ab0f",
18
18
  "@types/lodash.throttle": "^4.1.9",
19
19
  "lodash.throttle": "^4.1.1"
20
20
  },
21
- "gitHead": "98e68873ace8ad4db37fd407dfe757396da57ac8",
21
+ "gitHead": "9bb1ab0fca74964da6edd580e53f175a223b4f49",
22
22
  "esnext": "",
23
23
  "publishConfig": {
24
24
  "access": "public"
package/states.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare type OverlayOptions = typeof defaultOverlayOptions;
1
+ export type OverlayOptions = typeof defaultOverlayOptions;
2
2
  declare const defaultOverlayOptions: {
3
3
  hover: string;
4
4
  focus: string;
@@ -9,16 +9,8 @@ declare const defaultOverlayOptions: {
9
9
  ignoreFocusVisibility: boolean;
10
10
  };
11
11
  declare const _default: {
12
- outline: (error?: boolean) => import("@emotion/react").SerializedStyles;
13
- overlay: (selected?: boolean, overlayOptions?: Partial<{
14
- hover: string;
15
- focus: string;
16
- active: string;
17
- selected: string;
18
- disabled: string;
19
- color: string;
20
- ignoreFocusVisibility: boolean;
21
- }>) => import("@emotion/react").SerializedStyles;
12
+ outline: (error?: boolean) => import("@emotion/utils").SerializedStyles;
13
+ overlay: (selected?: boolean, overlayOptions?: Partial<typeof defaultOverlayOptions>) => import("@emotion/utils").SerializedStyles;
22
14
  overlayOptions: {
23
15
  defaultOverlayOptions: {
24
16
  hover: string;
package/theme.js CHANGED
@@ -14,7 +14,7 @@ import states from './states';
14
14
  import breakpoints from './breakpoints';
15
15
  import zIndex from './z-index';
16
16
 
17
- // eslint-disable-next-line deprecation/deprecation
17
+ // eslint-disable-next-line @typescript-eslint/no-deprecated
18
18
  var themeColors = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, hydro2), legacyColorPalette.surface), legacyColorPalette["static"]), legacyColorPalette.interaction), legacyColorPalette.status);
19
19
  var theme = _objectSpread(_objectSpread({}, fonts), {}, {
20
20
  borders: borders,