@uni-design-system/uni-core 0.0.12 → 0.0.13

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 (153) hide show
  1. package/dist/esm/core/border/border.model.d.ts +13 -0
  2. package/dist/esm/core/border/border.model.js +2 -0
  3. package/dist/esm/core/border/border.model.js.map +1 -0
  4. package/dist/esm/core/border/index.d.ts +1 -0
  5. package/dist/esm/core/border/index.js +1 -0
  6. package/dist/esm/core/border/index.js.map +1 -1
  7. package/dist/esm/core/button/button.model.d.ts +15 -0
  8. package/dist/esm/core/button/button.model.js +2 -0
  9. package/dist/esm/core/button/button.model.js.map +1 -0
  10. package/dist/esm/core/button/button.types.d.ts +1 -0
  11. package/dist/esm/core/button/button.types.js +2 -0
  12. package/dist/esm/core/button/button.types.js.map +1 -0
  13. package/dist/esm/core/button/index.d.ts +2 -0
  14. package/dist/esm/core/button/index.js +3 -0
  15. package/dist/esm/core/button/index.js.map +1 -0
  16. package/dist/esm/core/shadow/index.d.ts +2 -0
  17. package/dist/esm/core/shadow/index.js +2 -0
  18. package/dist/esm/core/shadow/index.js.map +1 -1
  19. package/dist/esm/core/shadow/shadow.model.d.ts +11 -0
  20. package/dist/esm/core/shadow/shadow.model.js +2 -0
  21. package/dist/esm/core/shadow/shadow.model.js.map +1 -0
  22. package/dist/esm/core/shadow/shadow.records.d.ts +3 -0
  23. package/dist/esm/core/shadow/shadow.records.js +144 -0
  24. package/dist/esm/core/shadow/shadow.records.js.map +1 -0
  25. package/dist/esm/core/shadow/shadow.types.d.ts +1 -1
  26. package/dist/esm/core/typography/text.model.d.ts +2 -0
  27. package/package.json +1 -1
  28. package/dist/cjs/core/background/background.model.d.ts +0 -9
  29. package/dist/cjs/core/background/background.model.js +0 -3
  30. package/dist/cjs/core/background/background.model.js.map +0 -1
  31. package/dist/cjs/core/background/background.types.d.ts +0 -1
  32. package/dist/cjs/core/background/background.types.js +0 -3
  33. package/dist/cjs/core/background/background.types.js.map +0 -1
  34. package/dist/cjs/core/background/index.d.ts +0 -2
  35. package/dist/cjs/core/background/index.js +0 -19
  36. package/dist/cjs/core/background/index.js.map +0 -1
  37. package/dist/cjs/core/border/border.types.d.ts +0 -1
  38. package/dist/cjs/core/border/border.types.js +0 -3
  39. package/dist/cjs/core/border/border.types.js.map +0 -1
  40. package/dist/cjs/core/border/index.d.ts +0 -1
  41. package/dist/cjs/core/border/index.js +0 -18
  42. package/dist/cjs/core/border/index.js.map +0 -1
  43. package/dist/cjs/core/color/color.helper.d.ts +0 -4
  44. package/dist/cjs/core/color/color.helper.js +0 -17
  45. package/dist/cjs/core/color/color.helper.js.map +0 -1
  46. package/dist/cjs/core/color/color.model.d.ts +0 -22
  47. package/dist/cjs/core/color/color.model.js +0 -3
  48. package/dist/cjs/core/color/color.model.js.map +0 -1
  49. package/dist/cjs/core/color/color.types.d.ts +0 -13
  50. package/dist/cjs/core/color/color.types.js +0 -35
  51. package/dist/cjs/core/color/color.types.js.map +0 -1
  52. package/dist/cjs/core/color/index.d.ts +0 -3
  53. package/dist/cjs/core/color/index.js +0 -20
  54. package/dist/cjs/core/color/index.js.map +0 -1
  55. package/dist/cjs/core/container/container.model.d.ts +0 -40
  56. package/dist/cjs/core/container/container.model.js +0 -3
  57. package/dist/cjs/core/container/container.model.js.map +0 -1
  58. package/dist/cjs/core/container/container.types.d.ts +0 -1
  59. package/dist/cjs/core/container/container.types.js +0 -3
  60. package/dist/cjs/core/container/container.types.js.map +0 -1
  61. package/dist/cjs/core/container/index.d.ts +0 -2
  62. package/dist/cjs/core/container/index.js +0 -19
  63. package/dist/cjs/core/container/index.js.map +0 -1
  64. package/dist/cjs/core/core.types.d.ts +0 -9
  65. package/dist/cjs/core/core.types.js +0 -3
  66. package/dist/cjs/core/core.types.js.map +0 -1
  67. package/dist/cjs/core/flex/flex.types.d.ts +0 -8
  68. package/dist/cjs/core/flex/flex.types.js +0 -3
  69. package/dist/cjs/core/flex/flex.types.js.map +0 -1
  70. package/dist/cjs/core/flex/index.d.ts +0 -1
  71. package/dist/cjs/core/flex/index.js +0 -18
  72. package/dist/cjs/core/flex/index.js.map +0 -1
  73. package/dist/cjs/core/gradient/gradient.helper.d.ts +0 -2
  74. package/dist/cjs/core/gradient/gradient.helper.js +0 -8
  75. package/dist/cjs/core/gradient/gradient.helper.js.map +0 -1
  76. package/dist/cjs/core/gradient/gradient.model.d.ts +0 -6
  77. package/dist/cjs/core/gradient/gradient.model.js +0 -3
  78. package/dist/cjs/core/gradient/gradient.model.js.map +0 -1
  79. package/dist/cjs/core/gradient/gradient.types.d.ts +0 -1
  80. package/dist/cjs/core/gradient/gradient.types.js +0 -3
  81. package/dist/cjs/core/gradient/gradient.types.js.map +0 -1
  82. package/dist/cjs/core/gradient/index.d.ts +0 -3
  83. package/dist/cjs/core/gradient/index.js +0 -20
  84. package/dist/cjs/core/gradient/index.js.map +0 -1
  85. package/dist/cjs/core/iconography/icon.model.d.ts +0 -7
  86. package/dist/cjs/core/iconography/icon.model.js +0 -3
  87. package/dist/cjs/core/iconography/icon.model.js.map +0 -1
  88. package/dist/cjs/core/iconography/icon.types.d.ts +0 -2
  89. package/dist/cjs/core/iconography/icon.types.js +0 -3
  90. package/dist/cjs/core/iconography/icon.types.js.map +0 -1
  91. package/dist/cjs/core/iconography/index.d.ts +0 -2
  92. package/dist/cjs/core/iconography/index.js +0 -19
  93. package/dist/cjs/core/iconography/index.js.map +0 -1
  94. package/dist/cjs/core/index.d.ts +0 -13
  95. package/dist/cjs/core/index.js +0 -30
  96. package/dist/cjs/core/index.js.map +0 -1
  97. package/dist/cjs/core/layout/index.d.ts +0 -1
  98. package/dist/cjs/core/layout/index.js +0 -18
  99. package/dist/cjs/core/layout/index.js.map +0 -1
  100. package/dist/cjs/core/layout/layout.types.d.ts +0 -3
  101. package/dist/cjs/core/layout/layout.types.js +0 -5
  102. package/dist/cjs/core/layout/layout.types.js.map +0 -1
  103. package/dist/cjs/core/masking/index.d.ts +0 -2
  104. package/dist/cjs/core/masking/index.js +0 -19
  105. package/dist/cjs/core/masking/index.js.map +0 -1
  106. package/dist/cjs/core/masking/masking.model.d.ts +0 -6
  107. package/dist/cjs/core/masking/masking.model.js +0 -3
  108. package/dist/cjs/core/masking/masking.model.js.map +0 -1
  109. package/dist/cjs/core/masking/masking.types.d.ts +0 -1
  110. package/dist/cjs/core/masking/masking.types.js +0 -3
  111. package/dist/cjs/core/masking/masking.types.js.map +0 -1
  112. package/dist/cjs/core/shadow/index.d.ts +0 -1
  113. package/dist/cjs/core/shadow/index.js +0 -18
  114. package/dist/cjs/core/shadow/index.js.map +0 -1
  115. package/dist/cjs/core/shadow/shadow.types.d.ts +0 -1
  116. package/dist/cjs/core/shadow/shadow.types.js +0 -3
  117. package/dist/cjs/core/shadow/shadow.types.js.map +0 -1
  118. package/dist/cjs/core/theme/index.d.ts +0 -6
  119. package/dist/cjs/core/theme/index.js +0 -23
  120. package/dist/cjs/core/theme/index.js.map +0 -1
  121. package/dist/cjs/core/theme/theme.model.d.ts +0 -13
  122. package/dist/cjs/core/theme/theme.model.js +0 -3
  123. package/dist/cjs/core/theme/theme.model.js.map +0 -1
  124. package/dist/cjs/core/theme/theme.records.d.ts +0 -3
  125. package/dist/cjs/core/theme/theme.records.js +0 -12
  126. package/dist/cjs/core/theme/theme.records.js.map +0 -1
  127. package/dist/cjs/core/theme/theme.types.d.ts +0 -1
  128. package/dist/cjs/core/theme/theme.types.js +0 -3
  129. package/dist/cjs/core/theme/theme.types.js.map +0 -1
  130. package/dist/cjs/core/theme/themes/base.theme.d.ts +0 -2
  131. package/dist/cjs/core/theme/themes/base.theme.js +0 -140
  132. package/dist/cjs/core/theme/themes/base.theme.js.map +0 -1
  133. package/dist/cjs/core/theme/themes/dark.theme.d.ts +0 -2
  134. package/dist/cjs/core/theme/themes/dark.theme.js +0 -35
  135. package/dist/cjs/core/theme/themes/dark.theme.js.map +0 -1
  136. package/dist/cjs/core/theme/themes/light.theme.d.ts +0 -2
  137. package/dist/cjs/core/theme/themes/light.theme.js +0 -6
  138. package/dist/cjs/core/theme/themes/light.theme.js.map +0 -1
  139. package/dist/cjs/core/typography/index.d.ts +0 -3
  140. package/dist/cjs/core/typography/index.js +0 -20
  141. package/dist/cjs/core/typography/index.js.map +0 -1
  142. package/dist/cjs/core/typography/text.model.d.ts +0 -14
  143. package/dist/cjs/core/typography/text.model.js +0 -3
  144. package/dist/cjs/core/typography/text.model.js.map +0 -1
  145. package/dist/cjs/core/typography/typography.records.d.ts +0 -2
  146. package/dist/cjs/core/typography/typography.records.js +0 -16
  147. package/dist/cjs/core/typography/typography.records.js.map +0 -1
  148. package/dist/cjs/core/typography/typography.types.d.ts +0 -7
  149. package/dist/cjs/core/typography/typography.types.js +0 -3
  150. package/dist/cjs/core/typography/typography.types.js.map +0 -1
  151. package/dist/cjs/index.d.ts +0 -1
  152. package/dist/cjs/index.js +0 -18
  153. package/dist/cjs/index.js.map +0 -1
@@ -0,0 +1,13 @@
1
+ import { ColorToken } from '../color';
2
+ export interface Border {
3
+ colorAll: ColorToken;
4
+ colorTop: ColorToken;
5
+ colorBottom: ColorToken;
6
+ colorLeft: ColorToken;
7
+ colorRight: ColorToken;
8
+ widthAll: number;
9
+ widthTop: number;
10
+ widthBottom: number;
11
+ widthLeft: number;
12
+ widthRight: number;
13
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=border.model.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"border.model.js","sourceRoot":"","sources":["../../../../src/core/border/border.model.ts"],"names":[],"mappings":""}
@@ -1 +1,2 @@
1
1
  export * from './border.types';
2
+ export * from './border.model';
@@ -1,2 +1,3 @@
1
1
  export * from './border.types';
2
+ export * from './border.model';
2
3
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
@@ -0,0 +1,15 @@
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
+ borderRadius?: number;
9
+ borderRadii?: Record<Size, number>;
10
+ horizontalPadding?: number;
11
+ horizontalPaddings?: Record<Size, number>;
12
+ verticalPadding?: number;
13
+ verticalPaddings?: Record<Size, number>;
14
+ border: Border;
15
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=button.model.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.model.js","sourceRoot":"","sources":["../../../../src/core/button/button.model.ts"],"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ export declare type ButtonType = 'elevated' | 'filled' | 'filled-secondary' | 'outlined' | 'text' | 'icon' | 'floating-action';
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=button.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.types.js","sourceRoot":"","sources":["../../../../src/core/button/button.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export * from './button.model';
2
+ export * from './button.types';
@@ -0,0 +1,3 @@
1
+ export * from './button.model';
2
+ export * from './button.types';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
@@ -1 +1,3 @@
1
1
  export * from './shadow.types';
2
+ export * from './shadow.model';
3
+ export * from './shadow.records';
@@ -1,2 +1,4 @@
1
1
  export * from './shadow.types';
2
+ export * from './shadow.model';
3
+ export * from './shadow.records';
2
4
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/shadow/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/shadow/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAA"}
@@ -0,0 +1,11 @@
1
+ export interface Shadow {
2
+ opacity: number;
3
+ offset: number;
4
+ blur: number;
5
+ spread: number;
6
+ }
7
+ export interface ShadowDefinition {
8
+ umbra: Shadow;
9
+ penumbra: Shadow;
10
+ ambient: Shadow;
11
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=shadow.model.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shadow.model.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.model.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ import { ShadowDefinition } from './shadow.model';
2
+ import { ShadowElevation } from './shadow.types';
3
+ export declare const ShadowMap: Record<ShadowElevation, ShadowDefinition>;
@@ -0,0 +1,144 @@
1
+ // https://material.io/archive/guidelines/resources/shadows.html#shadows-sketch
2
+ export const ShadowMap = {
3
+ flat: {
4
+ umbra: {
5
+ opacity: 14,
6
+ offset: 0,
7
+ blur: 2,
8
+ spread: 0
9
+ },
10
+ penumbra: {
11
+ opacity: 12,
12
+ offset: 2,
13
+ blur: 2,
14
+ spread: 0
15
+ },
16
+ ambient: {
17
+ opacity: 20,
18
+ offset: 1,
19
+ blur: 3,
20
+ spread: 0
21
+ }
22
+ },
23
+ pressed: {
24
+ umbra: {
25
+ opacity: 14,
26
+ offset: 0,
27
+ blur: 4,
28
+ spread: 0
29
+ },
30
+ penumbra: {
31
+ opacity: 12,
32
+ offset: 3,
33
+ blur: 4,
34
+ spread: 0
35
+ },
36
+ ambient: {
37
+ opacity: 20,
38
+ offset: 1,
39
+ blur: 5,
40
+ spread: 0
41
+ }
42
+ },
43
+ raised: {
44
+ umbra: {
45
+ opacity: 14,
46
+ offset: 3,
47
+ blur: 3,
48
+ spread: 0
49
+ },
50
+ penumbra: {
51
+ opacity: 12,
52
+ offset: 3,
53
+ blur: 4,
54
+ spread: 0
55
+ },
56
+ ambient: {
57
+ opacity: 20,
58
+ offset: 1,
59
+ blur: 8,
60
+ spread: 0
61
+ }
62
+ },
63
+ focussed: {
64
+ umbra: {
65
+ opacity: 14,
66
+ offset: 2,
67
+ blur: 4,
68
+ spread: 0
69
+ },
70
+ penumbra: {
71
+ opacity: 12,
72
+ offset: 4,
73
+ blur: 5,
74
+ spread: 0
75
+ },
76
+ ambient: {
77
+ opacity: 20,
78
+ offset: 1,
79
+ blur: 10,
80
+ spread: 0
81
+ }
82
+ },
83
+ navigation: {
84
+ umbra: {
85
+ opacity: 14,
86
+ offset: 6,
87
+ blur: 10,
88
+ spread: 0
89
+ },
90
+ penumbra: {
91
+ opacity: 12,
92
+ offset: 1,
93
+ blur: 18,
94
+ spread: 0
95
+ },
96
+ ambient: {
97
+ opacity: 20,
98
+ offset: 3,
99
+ blur: 5,
100
+ spread: 0
101
+ }
102
+ },
103
+ drawer: {
104
+ umbra: {
105
+ opacity: 14,
106
+ offset: 9,
107
+ blur: 12,
108
+ spread: 1
109
+ },
110
+ penumbra: {
111
+ opacity: 12,
112
+ offset: 3,
113
+ blur: 16,
114
+ spread: 2
115
+ },
116
+ ambient: {
117
+ opacity: 20,
118
+ offset: 5,
119
+ blur: 6,
120
+ spread: 0
121
+ }
122
+ },
123
+ modal: {
124
+ umbra: {
125
+ opacity: 14,
126
+ offset: 16,
127
+ blur: 24,
128
+ spread: 2
129
+ },
130
+ penumbra: {
131
+ opacity: 12,
132
+ offset: 6,
133
+ blur: 30,
134
+ spread: 5
135
+ },
136
+ ambient: {
137
+ opacity: 20,
138
+ offset: 8,
139
+ blur: 10,
140
+ spread: 0
141
+ }
142
+ },
143
+ };
144
+ //# sourceMappingURL=shadow.records.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shadow.records.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.records.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- export declare type ShadowStyle = 'Flat' | 'Raised' | 'Focussed' | 'Pressed' | 'Modal' | 'Navigation' | 'Drawer';
1
+ export declare type ShadowElevation = 'flat' | 'pressed' | 'raised' | 'focussed' | 'navigation' | 'drawer' | 'modal';
@@ -1,7 +1,9 @@
1
1
  import { FontWeight, TextDecoration, TextTransform } from './typography.types';
2
+ import { Size } from '../core.types';
2
3
  export interface TextStyle {
3
4
  fontFamily: string;
4
5
  fontSize: number;
6
+ fontScale?: Record<Size, number>;
5
7
  fontWeight?: FontWeight;
6
8
  fontStyle?: 'italic';
7
9
  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.12",
4
+ "version": "0.0.13",
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 +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 +0,0 @@
1
- export * from './border.types';
@@ -1,18 +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
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B"}
@@ -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,13 +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 = 'primary' | 'on-primary' | 'primary-container' | 'on-primary-container' | 'secondary' | 'on-secondary' | 'secondary-container' | 'on-secondary-container' | 'tertiary' | 'on-tertiary' | 'tertiary-container' | 'on-tertiary-container' | 'error' | 'on-error' | 'error-container' | 'on-error-container' | 'background' | 'on-background' | 'surface' | 'on-surface' | 'surface-variant' | 'on-surface-variant' | 'outline' | 'shadow' | 'surface-tint' | 'inverse-surface' | 'inverse-on-surface' | 'inverse-primary';
@@ -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,40 +0,0 @@
1
- import { BackgroundType } from '../background';
2
- import { BorderWidth } from '../border';
3
- import { ColorToken } from '../color';
4
- import { Apply, HorizontalAlign, RadiusApply, Size } from '../core.types';
5
- import { ShadowStyle } from '../shadow';
6
- export interface ContainerProps {
7
- maxWidth?: number;
8
- align?: HorizontalAlign;
9
- backgroundType?: BackgroundType;
10
- shadowStyle?: ShadowStyle;
11
- backgroundColor?: ColorToken;
12
- textColor?: ColorToken;
13
- blur?: {
14
- amount?: number;
15
- };
16
- border?: {
17
- apply?: Apply;
18
- applyAsSeparator?: boolean;
19
- color?: ColorToken;
20
- thickness?: BorderWidth;
21
- };
22
- radius?: {
23
- size?: Size;
24
- apply?: RadiusApply;
25
- };
26
- gradient?: {
27
- degree?: number;
28
- colors?: string[];
29
- };
30
- imageConfig?: {
31
- src?: string;
32
- };
33
- margin?: {
34
- horizontal?: Record<Size, number>;
35
- bottom?: Record<Size, number>;
36
- top?: Record<Size, number>;
37
- };
38
- Spacings?: Record<Size, number>;
39
- TopSpacings?: Record<Size, number>;
40
- }
@@ -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' | 'Form' | 'Screen' | 'Modal' | 'Paragraph' | 'Header' | 'Footer';
@@ -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';