@uni-design-system/uni-core 0.0.21 → 0.0.22

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 (176) hide show
  1. package/dist/esm/core/button/button.model.d.ts +4 -4
  2. package/dist/esm/core/container/container.model.d.ts +9 -9
  3. package/dist/esm/core/core.types.d.ts +1 -0
  4. package/dist/esm/core/layout/breakpoint.helper.js +8 -5
  5. package/dist/esm/core/layout/breakpoint.helper.js.map +1 -1
  6. package/dist/esm/core/layout/layout.records.d.ts +2 -2
  7. package/dist/esm/core/layout/layout.records.js.map +1 -1
  8. package/dist/esm/core/layout/layout.types.d.ts +2 -2
  9. package/dist/esm/core/layout/layout.types.js.map +1 -1
  10. package/dist/esm/core/typography/text.model.d.ts +2 -2
  11. package/package.json +1 -1
  12. package/dist/cjs/core/background/background.model.d.ts +0 -9
  13. package/dist/cjs/core/background/background.model.js +0 -3
  14. package/dist/cjs/core/background/background.model.js.map +0 -1
  15. package/dist/cjs/core/background/background.types.d.ts +0 -1
  16. package/dist/cjs/core/background/background.types.js +0 -3
  17. package/dist/cjs/core/background/background.types.js.map +0 -1
  18. package/dist/cjs/core/background/index.d.ts +0 -2
  19. package/dist/cjs/core/background/index.js +0 -19
  20. package/dist/cjs/core/background/index.js.map +0 -1
  21. package/dist/cjs/core/border/border.model.d.ts +0 -11
  22. package/dist/cjs/core/border/border.model.js +0 -3
  23. package/dist/cjs/core/border/border.model.js.map +0 -1
  24. package/dist/cjs/core/border/border.types.d.ts +0 -1
  25. package/dist/cjs/core/border/border.types.js +0 -3
  26. package/dist/cjs/core/border/border.types.js.map +0 -1
  27. package/dist/cjs/core/border/index.d.ts +0 -2
  28. package/dist/cjs/core/border/index.js +0 -19
  29. package/dist/cjs/core/border/index.js.map +0 -1
  30. package/dist/cjs/core/button/button.model.d.ts +0 -16
  31. package/dist/cjs/core/button/button.model.js +0 -3
  32. package/dist/cjs/core/button/button.model.js.map +0 -1
  33. package/dist/cjs/core/button/button.types.d.ts +0 -1
  34. package/dist/cjs/core/button/button.types.js +0 -3
  35. package/dist/cjs/core/button/button.types.js.map +0 -1
  36. package/dist/cjs/core/button/index.d.ts +0 -2
  37. package/dist/cjs/core/button/index.js +0 -19
  38. package/dist/cjs/core/button/index.js.map +0 -1
  39. package/dist/cjs/core/color/color.helper.d.ts +0 -4
  40. package/dist/cjs/core/color/color.helper.js +0 -17
  41. package/dist/cjs/core/color/color.helper.js.map +0 -1
  42. package/dist/cjs/core/color/color.model.d.ts +0 -22
  43. package/dist/cjs/core/color/color.model.js +0 -3
  44. package/dist/cjs/core/color/color.model.js.map +0 -1
  45. package/dist/cjs/core/color/color.types.d.ts +0 -17
  46. package/dist/cjs/core/color/color.types.js +0 -35
  47. package/dist/cjs/core/color/color.types.js.map +0 -1
  48. package/dist/cjs/core/color/index.d.ts +0 -3
  49. package/dist/cjs/core/color/index.js +0 -20
  50. package/dist/cjs/core/color/index.js.map +0 -1
  51. package/dist/cjs/core/container/container.model.d.ts +0 -44
  52. package/dist/cjs/core/container/container.model.js +0 -3
  53. package/dist/cjs/core/container/container.model.js.map +0 -1
  54. package/dist/cjs/core/container/container.types.d.ts +0 -1
  55. package/dist/cjs/core/container/container.types.js +0 -3
  56. package/dist/cjs/core/container/container.types.js.map +0 -1
  57. package/dist/cjs/core/container/index.d.ts +0 -2
  58. package/dist/cjs/core/container/index.js +0 -19
  59. package/dist/cjs/core/container/index.js.map +0 -1
  60. package/dist/cjs/core/core.types.d.ts +0 -9
  61. package/dist/cjs/core/core.types.js +0 -3
  62. package/dist/cjs/core/core.types.js.map +0 -1
  63. package/dist/cjs/core/flex/flex.types.d.ts +0 -8
  64. package/dist/cjs/core/flex/flex.types.js +0 -3
  65. package/dist/cjs/core/flex/flex.types.js.map +0 -1
  66. package/dist/cjs/core/flex/index.d.ts +0 -1
  67. package/dist/cjs/core/flex/index.js +0 -18
  68. package/dist/cjs/core/flex/index.js.map +0 -1
  69. package/dist/cjs/core/gradient/gradient.helper.d.ts +0 -2
  70. package/dist/cjs/core/gradient/gradient.helper.js +0 -8
  71. package/dist/cjs/core/gradient/gradient.helper.js.map +0 -1
  72. package/dist/cjs/core/gradient/gradient.model.d.ts +0 -6
  73. package/dist/cjs/core/gradient/gradient.model.js +0 -3
  74. package/dist/cjs/core/gradient/gradient.model.js.map +0 -1
  75. package/dist/cjs/core/gradient/gradient.types.d.ts +0 -1
  76. package/dist/cjs/core/gradient/gradient.types.js +0 -3
  77. package/dist/cjs/core/gradient/gradient.types.js.map +0 -1
  78. package/dist/cjs/core/gradient/index.d.ts +0 -3
  79. package/dist/cjs/core/gradient/index.js +0 -20
  80. package/dist/cjs/core/gradient/index.js.map +0 -1
  81. package/dist/cjs/core/iconography/icon.model.d.ts +0 -7
  82. package/dist/cjs/core/iconography/icon.model.js +0 -3
  83. package/dist/cjs/core/iconography/icon.model.js.map +0 -1
  84. package/dist/cjs/core/iconography/icon.types.d.ts +0 -3
  85. package/dist/cjs/core/iconography/icon.types.js +0 -3
  86. package/dist/cjs/core/iconography/icon.types.js.map +0 -1
  87. package/dist/cjs/core/iconography/index.d.ts +0 -2
  88. package/dist/cjs/core/iconography/index.js +0 -19
  89. package/dist/cjs/core/iconography/index.js.map +0 -1
  90. package/dist/cjs/core/index.d.ts +0 -14
  91. package/dist/cjs/core/index.js +0 -31
  92. package/dist/cjs/core/index.js.map +0 -1
  93. package/dist/cjs/core/layout/breakpoint.helper.d.ts +0 -2
  94. package/dist/cjs/core/layout/breakpoint.helper.js +0 -16
  95. package/dist/cjs/core/layout/breakpoint.helper.js.map +0 -1
  96. package/dist/cjs/core/layout/breakpoint.model.d.ts +0 -4
  97. package/dist/cjs/core/layout/breakpoint.model.js +0 -3
  98. package/dist/cjs/core/layout/breakpoint.model.js.map +0 -1
  99. package/dist/cjs/core/layout/index.d.ts +0 -5
  100. package/dist/cjs/core/layout/index.js +0 -22
  101. package/dist/cjs/core/layout/index.js.map +0 -1
  102. package/dist/cjs/core/layout/layout.model.d.ts +0 -5
  103. package/dist/cjs/core/layout/layout.model.js +0 -3
  104. package/dist/cjs/core/layout/layout.model.js.map +0 -1
  105. package/dist/cjs/core/layout/layout.records.d.ts +0 -2
  106. package/dist/cjs/core/layout/layout.records.js +0 -11
  107. package/dist/cjs/core/layout/layout.records.js.map +0 -1
  108. package/dist/cjs/core/layout/layout.types.d.ts +0 -3
  109. package/dist/cjs/core/layout/layout.types.js +0 -5
  110. package/dist/cjs/core/layout/layout.types.js.map +0 -1
  111. package/dist/cjs/core/masking/index.d.ts +0 -2
  112. package/dist/cjs/core/masking/index.js +0 -19
  113. package/dist/cjs/core/masking/index.js.map +0 -1
  114. package/dist/cjs/core/masking/masking.model.d.ts +0 -6
  115. package/dist/cjs/core/masking/masking.model.js +0 -3
  116. package/dist/cjs/core/masking/masking.model.js.map +0 -1
  117. package/dist/cjs/core/masking/masking.types.d.ts +0 -1
  118. package/dist/cjs/core/masking/masking.types.js +0 -3
  119. package/dist/cjs/core/masking/masking.types.js.map +0 -1
  120. package/dist/cjs/core/shadow/index.d.ts +0 -3
  121. package/dist/cjs/core/shadow/index.js +0 -20
  122. package/dist/cjs/core/shadow/index.js.map +0 -1
  123. package/dist/cjs/core/shadow/shadow.model.d.ts +0 -9
  124. package/dist/cjs/core/shadow/shadow.model.js +0 -3
  125. package/dist/cjs/core/shadow/shadow.model.js.map +0 -1
  126. package/dist/cjs/core/shadow/shadow.records.d.ts +0 -4
  127. package/dist/cjs/core/shadow/shadow.records.js +0 -54
  128. package/dist/cjs/core/shadow/shadow.records.js.map +0 -1
  129. package/dist/cjs/core/shadow/shadow.types.d.ts +0 -2
  130. package/dist/cjs/core/shadow/shadow.types.js +0 -4
  131. package/dist/cjs/core/shadow/shadow.types.js.map +0 -1
  132. package/dist/cjs/core/theme/index.d.ts +0 -6
  133. package/dist/cjs/core/theme/index.js +0 -23
  134. package/dist/cjs/core/theme/index.js.map +0 -1
  135. package/dist/cjs/core/theme/theme.model.d.ts +0 -17
  136. package/dist/cjs/core/theme/theme.model.js +0 -3
  137. package/dist/cjs/core/theme/theme.model.js.map +0 -1
  138. package/dist/cjs/core/theme/theme.records.d.ts +0 -3
  139. package/dist/cjs/core/theme/theme.records.js +0 -12
  140. package/dist/cjs/core/theme/theme.records.js.map +0 -1
  141. package/dist/cjs/core/theme/theme.types.d.ts +0 -1
  142. package/dist/cjs/core/theme/theme.types.js +0 -3
  143. package/dist/cjs/core/theme/theme.types.js.map +0 -1
  144. package/dist/cjs/core/theme/themes/base.theme.d.ts +0 -2
  145. package/dist/cjs/core/theme/themes/base.theme.js +0 -196
  146. package/dist/cjs/core/theme/themes/base.theme.js.map +0 -1
  147. package/dist/cjs/core/theme/themes/dark.theme.d.ts +0 -2
  148. package/dist/cjs/core/theme/themes/dark.theme.js +0 -36
  149. package/dist/cjs/core/theme/themes/dark.theme.js.map +0 -1
  150. package/dist/cjs/core/theme/themes/light.theme.d.ts +0 -2
  151. package/dist/cjs/core/theme/themes/light.theme.js +0 -6
  152. package/dist/cjs/core/theme/themes/light.theme.js.map +0 -1
  153. package/dist/cjs/core/typography/index.d.ts +0 -3
  154. package/dist/cjs/core/typography/index.js +0 -20
  155. package/dist/cjs/core/typography/index.js.map +0 -1
  156. package/dist/cjs/core/typography/text.model.d.ts +0 -16
  157. package/dist/cjs/core/typography/text.model.js +0 -3
  158. package/dist/cjs/core/typography/text.model.js.map +0 -1
  159. package/dist/cjs/core/typography/typography.records.d.ts +0 -2
  160. package/dist/cjs/core/typography/typography.records.js +0 -16
  161. package/dist/cjs/core/typography/typography.records.js.map +0 -1
  162. package/dist/cjs/core/typography/typography.types.d.ts +0 -7
  163. package/dist/cjs/core/typography/typography.types.js +0 -3
  164. package/dist/cjs/core/typography/typography.types.js.map +0 -1
  165. package/dist/cjs/index.d.ts +0 -2
  166. package/dist/cjs/index.js +0 -19
  167. package/dist/cjs/index.js.map +0 -1
  168. package/dist/cjs/utils/getValue.d.ts +0 -2
  169. package/dist/cjs/utils/getValue.js +0 -12
  170. package/dist/cjs/utils/getValue.js.map +0 -1
  171. package/dist/cjs/utils/index.d.ts +0 -1
  172. package/dist/cjs/utils/index.js +0 -18
  173. package/dist/cjs/utils/index.js.map +0 -1
  174. package/dist/cjs/utils/types.d.ts +0 -4
  175. package/dist/cjs/utils/types.js +0 -3
  176. package/dist/cjs/utils/types.js.map +0 -1
@@ -1,6 +1,6 @@
1
1
  import { ShadowElevation } from '../shadow';
2
2
  import { ColorToken } from '../color';
3
- import { Size } from '../core.types';
3
+ import { SizeMap } from '../core.types';
4
4
  import { Border } from '../border';
5
5
  export interface Button {
6
6
  color: ColorToken;
@@ -8,9 +8,9 @@ export interface Button {
8
8
  borderWidth?: number;
9
9
  borderColor?: ColorToken;
10
10
  borderRadius?: number;
11
- borderRadii?: Record<Size, number>;
12
- horizontalPadding?: Record<Size, number>;
13
- verticalPadding?: Record<Size, number>;
11
+ borderRadii?: SizeMap;
12
+ horizontalPadding: SizeMap;
13
+ verticalPadding: SizeMap;
14
14
  border?: Border;
15
15
  shadowElevation?: ShadowElevation;
16
16
  }
@@ -1,17 +1,17 @@
1
1
  import { BackgroundType } from '../background';
2
2
  import { BorderWidth } from '../border';
3
3
  import { ColorToken, ContainerColorToken, ContentColorToken } from '../color';
4
- import { Apply, HorizontalAlign, RadiusApply, Size } from '../core.types';
4
+ import { Apply, HorizontalAlign, RadiusApply, Size, SizeMap } from '../core.types';
5
5
  import { ShadowElevation, ShadowMode } from '../shadow';
6
6
  export interface Container {
7
7
  maxWidth?: number;
8
8
  align?: HorizontalAlign;
9
- contentSpacing?: Record<Size, number>;
10
- topPadding?: Record<Size, number>;
11
- padding?: Record<Size, number>;
12
- spacing?: Record<Size, number>;
9
+ contentSpacing?: SizeMap;
10
+ topPadding?: SizeMap;
11
+ padding?: SizeMap;
12
+ spacing?: SizeMap;
13
13
  backgroundType?: BackgroundType;
14
- borderRadii?: Record<Size, number>;
14
+ borderRadii?: SizeMap;
15
15
  shadowMode?: ShadowMode;
16
16
  shadowElevation?: ShadowElevation;
17
17
  color: ContainerColorToken;
@@ -37,8 +37,8 @@ export interface Container {
37
37
  src?: string;
38
38
  };
39
39
  margin?: {
40
- horizontal?: Record<Size, number>;
41
- bottom?: Record<Size, number>;
42
- top?: Record<Size, number>;
40
+ horizontal?: SizeMap;
41
+ bottom?: SizeMap;
42
+ top?: SizeMap;
43
43
  };
44
44
  }
@@ -1,6 +1,7 @@
1
1
  export declare type Role = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'error' | 'warn' | 'link';
2
2
  export declare type SupportRole = 'info' | 'warn' | 'success' | 'error';
3
3
  export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
+ export declare type SizeMap = Record<Size, number>;
4
5
  export declare type HorizontalBinary = 'left' | 'right';
5
6
  export declare type HorizontalAlign = HorizontalBinary | 'center';
6
7
  export declare type VerticalBinary = 'top' | 'bottom';
@@ -2,11 +2,14 @@ import { Breakpoints } from './layout.records';
2
2
  export function getScreenSize(width) {
3
3
  if (!width)
4
4
  return 'md';
5
- ['xs', 'sm', 'md', 'lg'].forEach(key => {
6
- const breakpoint = Breakpoints[key];
7
- if (width < breakpoint)
8
- return key;
9
- });
5
+ if (width < Breakpoints['xs'])
6
+ return 'xs';
7
+ if (width < Breakpoints['sm'])
8
+ return 'sm';
9
+ if (width < Breakpoints['md'])
10
+ return 'md';
11
+ if (width < Breakpoints['lg'])
12
+ return 'lg';
10
13
  return 'xl';
11
14
  }
12
15
  //# sourceMappingURL=breakpoint.helper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"breakpoint.helper.js","sourceRoot":"","sources":["../../../../src/core/layout/breakpoint.helper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,UAAU,aAAa,CAAC,KAAa;IAEzC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACrC,MAAM,UAAU,GAAG,WAAW,CAAC,GAAW,CAAC,CAAC;QAC5C,IAAI,KAAK,GAAG,UAAU;YAAE,OAAO,GAAG,CAAC;IACrC,CAAC,CAAC,CAAA;IAEF,OAAO,IAAI,CAAA;AACb,CAAC"}
1
+ {"version":3,"file":"breakpoint.helper.js","sourceRoot":"","sources":["../../../../src/core/layout/breakpoint.helper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,UAAU,aAAa,CAAC,KAAa;IAEzC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,IAAI,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC;QAC3B,OAAO,IAAI,CAAC;IAEd,IAAI,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC;QAC3B,OAAO,IAAI,CAAC;IAEd,IAAI,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC;QAC3B,OAAO,IAAI,CAAC;IAEd,IAAI,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC;QAC3B,OAAO,IAAI,CAAC;IAEd,OAAO,IAAI,CAAA;AACb,CAAC"}
@@ -1,2 +1,2 @@
1
- import { Size } from '../core.types';
2
- export declare const Breakpoints: Record<Size, number>;
1
+ import { SizeMap } from '../core.types';
2
+ export declare const Breakpoints: SizeMap;
@@ -1 +1 @@
1
- {"version":3,"file":"layout.records.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.records.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAyB;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,MAAM;CACX,CAAA"}
1
+ {"version":3,"file":"layout.records.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.records.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAY;IAClC,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,MAAM;CACX,CAAA"}
@@ -1,3 +1,3 @@
1
- import { Size } from '../core.types';
1
+ import { SizeMap } from '../core.types';
2
2
  export declare type elements = 'margin' | 'border' | 'padding';
3
- export declare const spacings: Record<Size, number>;
3
+ export declare const spacings: SizeMap;
@@ -1 +1 @@
1
- {"version":3,"file":"layout.types.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,QAAQ,GAAyB,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC"}
1
+ {"version":3,"file":"layout.types.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,QAAQ,GAAY,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC"}
@@ -1,10 +1,10 @@
1
1
  import { FontWeight, TextDecoration, TextTransform } from './typography.types';
2
- import { Size } from '../core.types';
2
+ import { SizeMap } from '../core.types';
3
3
  export interface TextStyle {
4
4
  fontFamily: string;
5
5
  fontSize: number;
6
6
  lineHeight: number;
7
- fontScale?: Record<Size, number>;
7
+ fontScale?: SizeMap;
8
8
  fontWeight?: FontWeight;
9
9
  fontStyle?: 'italic';
10
10
  textTransform?: TextTransform;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@uni-design-system/uni-core",
3
3
  "description": "UNI Design System core dependencies.",
4
- "version": "0.0.21",
4
+ "version": "0.0.22",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/uni-design-system/uni-core.git"
@@ -1,9 +0,0 @@
1
- import { Gradient } from '../gradient';
2
- import { Color } from '../color';
3
- import { BackgroundType } from './background.types';
4
- export interface Background {
5
- type: BackgroundType;
6
- color: Color;
7
- gradient: Gradient;
8
- image: string;
9
- }
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=background.model.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"background.model.js","sourceRoot":"","sources":["../../../../src/core/background/background.model.ts"],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- export declare type BackgroundType = 'Solid' | 'Gradient' | 'Blur' | 'Image' | 'Transparent' | 'Layer';
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=background.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"background.types.js","sourceRoot":"","sources":["../../../../src/core/background/background.types.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export * from './background.model';
2
- export * from './background.types';
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./background.model"), exports);
18
- __exportStar(require("./background.types"), exports);
19
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/background/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,qDAAmC"}
@@ -1,11 +0,0 @@
1
- import { ColorToken } from '../color';
2
- export interface Border {
3
- colorTop: ColorToken;
4
- colorBottom: ColorToken;
5
- colorLeft: ColorToken;
6
- colorRight: ColorToken;
7
- widthTop: number;
8
- widthBottom: number;
9
- widthLeft: number;
10
- widthRight: number;
11
- }
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=border.model.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"border.model.js","sourceRoot":"","sources":["../../../../src/core/border/border.model.ts"],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- export declare type BorderWidth = 'thick' | 'default' | 'thin' | 'none';
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=border.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"border.types.js","sourceRoot":"","sources":["../../../../src/core/border/border.types.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export * from './border.types';
2
- export * from './border.model';
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./border.types"), exports);
18
- __exportStar(require("./border.model"), exports);
19
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,iDAA+B"}
@@ -1,16 +0,0 @@
1
- import { ShadowElevation } from '../shadow';
2
- import { ColorToken } from '../color';
3
- import { Size } from '../core.types';
4
- import { Border } from '../border';
5
- export interface Button {
6
- color: ColorToken;
7
- elevation?: ShadowElevation;
8
- borderWidth?: number;
9
- borderColor?: ColorToken;
10
- borderRadius?: number;
11
- borderRadii?: Record<Size, number>;
12
- horizontalPadding?: Record<Size, number>;
13
- verticalPadding?: Record<Size, number>;
14
- border?: Border;
15
- shadowElevation?: ShadowElevation;
16
- }
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=button.model.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.model.js","sourceRoot":"","sources":["../../../../src/core/button/button.model.ts"],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- export declare type ButtonType = 'elevated' | 'filled' | 'filled-secondary' | 'outlined' | 'text' | 'icon' | 'floating-action';
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=button.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.types.js","sourceRoot":"","sources":["../../../../src/core/button/button.types.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export * from './button.model';
2
- export * from './button.types';
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./button.model"), exports);
18
- __exportStar(require("./button.types"), exports);
19
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,iDAA+B"}
@@ -1,4 +0,0 @@
1
- import { Color } from './color.model';
2
- import { colorRoles } from './color.types';
3
- export declare function hslColor(c: Color): string;
4
- export declare function roleColor(r: colorRoles): string;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.roleColor = exports.hslColor = void 0;
4
- const color_types_1 = require("./color.types");
5
- function hslColor(c) {
6
- return `hsl(${c.hue}, ${c.saturation}, ${c.lightness}, ${c.alpha})`;
7
- }
8
- exports.hslColor = hslColor;
9
- function roleColor(r) {
10
- const hue = color_types_1.roleHues[r].default;
11
- const role = r;
12
- const alpha = 1;
13
- const category = 'jewel';
14
- return hslColor({ role, category, hue, alpha });
15
- }
16
- exports.roleColor = roleColor;
17
- //# sourceMappingURL=color.helper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color.helper.js","sourceRoot":"","sources":["../../../../src/core/color/color.helper.ts"],"names":[],"mappings":";;;AACA,+CAAsE;AAEtE,SAAgB,QAAQ,CAAC,CAAQ;IAC/B,OAAO,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,UAAU,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC;AACtE,CAAC;AAFD,4BAEC;AAED,SAAgB,SAAS,CAAC,CAAa;IAErC,MAAM,GAAG,GAAG,sBAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChC,MAAM,IAAI,GAAe,CAAC,CAAC;IAC3B,MAAM,KAAK,GAAG,CAAC,CAAC;IAChB,MAAM,QAAQ,GAAoB,OAAO,CAAC;IAE1C,OAAO,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;AAClD,CAAC;AARD,8BAQC"}
@@ -1,22 +0,0 @@
1
- import { colorCategories, colorRoles, colorSchemes, colorStyles } from './color.types';
2
- export interface Color {
3
- scheme?: colorSchemes;
4
- style?: colorStyles;
5
- role?: colorRoles;
6
- category?: colorCategories;
7
- GradientPosition?: GradientPosition;
8
- saturationRange?: Range;
9
- brightnessRangeMap?: Range;
10
- hue: number | undefined;
11
- saturation?: number;
12
- lightness?: number;
13
- alpha: number;
14
- }
15
- export interface GradientPosition {
16
- value: string;
17
- }
18
- export interface Range {
19
- low: number;
20
- high: number;
21
- default?: number;
22
- }
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=color.model.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color.model.js","sourceRoot":"","sources":["../../../../src/core/color/color.model.ts"],"names":[],"mappings":""}
@@ -1,17 +0,0 @@
1
- import { Range } from './color.model';
2
- export declare type colorStyles = 'solid' | 'transparent' | 'gradient';
3
- export declare type ColorOutput = 'HEX' | 'RGB' | 'RGBA' | 'HSL' | 'HSLA';
4
- export declare type colorSchemes = 'monochromatic' | 'analogous' | 'complimentary' | 'splitComplimentary' | 'triadic';
5
- export declare type colorCategories = 'jewel' | 'pastel' | 'earth' | 'neutral' | 'florescent' | 'shades';
6
- export declare const saturationRanges: Record<colorCategories, Range>;
7
- export declare const lightnessRanges: Record<colorCategories, Range>;
8
- export declare type utilColorRoles = 'warn' | 'alert' | 'success' | 'info';
9
- export declare type colorRoles = 'primary' | 'secondary' | 'tertiary' | 'inverse' | 'ghost';
10
- export declare const roleHues: Record<colorRoles, Range>;
11
- export declare const utilHues: Record<utilColorRoles, Range>;
12
- export declare type ColorModes = 'base' | 'hover' | 'active' | 'disabled';
13
- export declare type ColorToken = ElementColorToken | ContainerColorToken | ContentColorToken | UtilityColorToken;
14
- export declare type ElementColorToken = 'primary' | 'secondary' | 'tertiary' | 'error';
15
- export declare type ContainerColorToken = 'primary-container' | 'secondary-container' | 'tertiary-container' | 'error-container' | 'background' | 'surface' | 'surface-variant' | 'inverse-surface' | 'transparent';
16
- export declare type ContentColorToken = 'on-primary' | 'on-primary-container' | 'on-secondary' | 'on-secondary-container' | 'on-tertiary' | 'on-tertiary-container' | 'on-error' | 'on-error-container' | 'on-background' | 'on-surface' | 'on-surface-variant' | 'inverse-on-surface' | 'inverse-on-surface-primary';
17
- export declare type UtilityColorToken = 'outline' | 'shadow' | 'surface-tint' | 'transparent';
@@ -1,35 +0,0 @@
1
- "use strict";
2
- // https://designerup.co/blog/ui-design-choosing-color-palettes/
3
- // https://designerup.co/blog/practical-guide-to-perfect-ui-color-palettes/
4
- Object.defineProperty(exports, "__esModule", { value: true });
5
- exports.utilHues = exports.roleHues = exports.lightnessRanges = exports.saturationRanges = void 0;
6
- exports.saturationRanges = {
7
- jewel: { low: 73, high: 83 },
8
- pastel: { low: 14, high: 21 },
9
- earth: { low: 36, high: 41 },
10
- neutral: { low: 1, high: 10 },
11
- florescent: { low: 63, high: 100 },
12
- shades: { low: 0, high: 0 },
13
- };
14
- exports.lightnessRanges = {
15
- jewel: { low: 56, high: 76 },
16
- pastel: { low: 89, high: 96 },
17
- earth: { low: 36, high: 77 },
18
- neutral: { low: 70, high: 99 },
19
- florescent: { low: 82, high: 100 },
20
- shades: { low: 0, high: 100 }
21
- };
22
- exports.roleHues = {
23
- primary: { low: 73, high: 83, default: 0 },
24
- secondary: { low: 14, high: 21, default: 0 },
25
- tertiary: { low: 36, high: 41, default: 0 },
26
- inverse: { low: 63, high: 100, default: 0 },
27
- ghost: { low: 0, high: 0, default: 0 },
28
- };
29
- exports.utilHues = {
30
- warn: { low: 320, high: 20, default: 0 },
31
- alert: { low: 40, high: 70, default: 60 },
32
- success: { low: 90, high: 150, default: 120 },
33
- info: { low: 200, high: 260, default: 240 }, // blue
34
- };
35
- //# sourceMappingURL=color.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color.types.js","sourceRoot":"","sources":["../../../../src/core/color/color.types.ts"],"names":[],"mappings":";AAAA,gEAAgE;AAChE,2EAA2E;;;AA+B9D,QAAA,gBAAgB,GAAmC;IAC9D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;CAC5B,CAAC;AAEW,QAAA,eAAe,GAAmC;IAC7D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC9B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;CAC9B,CAAC;AAqBW,QAAA,QAAQ,GAA8B;IACjD,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC1C,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC5C,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;CACvC,CAAA;AAEY,QAAA,QAAQ,GAAkC;IACrD,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IACxC,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IACzC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE;IAC7C,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,OAAO;CACrD,CAAA"}
@@ -1,3 +0,0 @@
1
- export * from './color.helper';
2
- export * from './color.model';
3
- export * from './color.types';
@@ -1,20 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./color.helper"), exports);
18
- __exportStar(require("./color.model"), exports);
19
- __exportStar(require("./color.types"), exports);
20
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/color/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,gDAA8B;AAC9B,gDAA8B"}
@@ -1,44 +0,0 @@
1
- import { BackgroundType } from '../background';
2
- import { BorderWidth } from '../border';
3
- import { ColorToken, ContainerColorToken, ContentColorToken } from '../color';
4
- import { Apply, HorizontalAlign, RadiusApply, Size } from '../core.types';
5
- import { ShadowElevation, ShadowMode } from '../shadow';
6
- export interface Container {
7
- maxWidth?: number;
8
- align?: HorizontalAlign;
9
- contentSpacing?: Record<Size, number>;
10
- topPadding?: Record<Size, number>;
11
- padding?: Record<Size, number>;
12
- spacing?: Record<Size, number>;
13
- backgroundType?: BackgroundType;
14
- borderRadii?: Record<Size, number>;
15
- shadowMode?: ShadowMode;
16
- shadowElevation?: ShadowElevation;
17
- color: ContainerColorToken;
18
- contentColor: ContentColorToken;
19
- blur?: {
20
- amount?: number;
21
- };
22
- border?: {
23
- apply?: Apply;
24
- applyAsSeparator?: boolean;
25
- color?: ColorToken;
26
- thickness?: BorderWidth;
27
- };
28
- radius?: {
29
- size?: Size;
30
- apply?: RadiusApply;
31
- };
32
- gradient?: {
33
- degree?: number;
34
- colors?: string[];
35
- };
36
- imageConfig?: {
37
- src?: string;
38
- };
39
- margin?: {
40
- horizontal?: Record<Size, number>;
41
- bottom?: Record<Size, number>;
42
- top?: Record<Size, number>;
43
- };
44
- }
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=container.model.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"container.model.js","sourceRoot":"","sources":["../../../../src/core/container/container.model.ts"],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- export declare type ContainerType = 'card' | 'screen' | 'modal';
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=container.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"container.types.js","sourceRoot":"","sources":["../../../../src/core/container/container.types.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export * from './container.model';
2
- export * from './container.types';
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./container.model"), exports);
18
- __exportStar(require("./container.types"), exports);
19
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/container/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,oDAAkC"}
@@ -1,9 +0,0 @@
1
- export declare type Role = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'error' | 'warn' | 'link';
2
- export declare type SupportRole = 'info' | 'warn' | 'success' | 'error';
3
- export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
- export declare type HorizontalBinary = 'left' | 'right';
5
- export declare type HorizontalAlign = HorizontalBinary | 'center';
6
- export declare type VerticalBinary = 'top' | 'bottom';
7
- export declare type VerticalAlign = VerticalBinary | 'middle';
8
- export declare type Apply = HorizontalBinary | VerticalBinary | 'vertical' | 'horizontal' | 'all';
9
- export declare type RadiusApply = 'left' | 'right' | 'top' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'all' | 'none';
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=core.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"core.types.js","sourceRoot":"","sources":["../../../src/core/core.types.ts"],"names":[],"mappings":""}
@@ -1,8 +0,0 @@
1
- export declare type Flex = number;
2
- export declare type FlexGrow = number;
3
- export declare type FlexShrink = number;
4
- export declare type FlexWrap = 'wrap' | 'nowrap';
5
- export declare type FlexDirection = 'row' | 'column' | 'column-reverse' | 'row-reverse';
6
- export declare type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
7
- export declare type AlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-around' | 'space-between' | 'stretch';
8
- export declare type AlignItems = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';