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

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 (157) hide show
  1. package/dist/cjs/core/background/background.model.d.ts +9 -0
  2. package/dist/cjs/core/background/background.model.js +3 -0
  3. package/dist/cjs/core/background/background.model.js.map +1 -0
  4. package/dist/cjs/core/background/background.types.d.ts +1 -0
  5. package/dist/cjs/core/background/background.types.js +3 -0
  6. package/dist/cjs/core/background/background.types.js.map +1 -0
  7. package/dist/cjs/core/background/index.d.ts +2 -0
  8. package/dist/cjs/core/background/index.js +19 -0
  9. package/dist/cjs/core/background/index.js.map +1 -0
  10. package/dist/cjs/core/border/border.model.d.ts +13 -0
  11. package/dist/cjs/core/border/border.model.js +3 -0
  12. package/dist/cjs/core/border/border.model.js.map +1 -0
  13. package/dist/cjs/core/border/border.types.d.ts +1 -0
  14. package/dist/cjs/core/border/border.types.js +3 -0
  15. package/dist/cjs/core/border/border.types.js.map +1 -0
  16. package/dist/cjs/core/border/index.d.ts +2 -0
  17. package/dist/cjs/core/border/index.js +19 -0
  18. package/dist/cjs/core/border/index.js.map +1 -0
  19. package/dist/cjs/core/button/button.model.d.ts +16 -0
  20. package/dist/cjs/core/button/button.model.js +3 -0
  21. package/dist/cjs/core/button/button.model.js.map +1 -0
  22. package/dist/cjs/core/button/button.types.d.ts +1 -0
  23. package/dist/cjs/core/button/button.types.js +3 -0
  24. package/dist/cjs/core/button/button.types.js.map +1 -0
  25. package/dist/cjs/core/button/index.d.ts +2 -0
  26. package/dist/cjs/core/button/index.js +19 -0
  27. package/dist/cjs/core/button/index.js.map +1 -0
  28. package/dist/cjs/core/color/color.helper.d.ts +4 -0
  29. package/dist/cjs/core/color/color.helper.js +17 -0
  30. package/dist/cjs/core/color/color.helper.js.map +1 -0
  31. package/dist/cjs/core/color/color.model.d.ts +22 -0
  32. package/dist/cjs/core/color/color.model.js +3 -0
  33. package/dist/cjs/core/color/color.model.js.map +1 -0
  34. package/dist/cjs/core/color/color.types.d.ts +13 -0
  35. package/dist/cjs/core/color/color.types.js +35 -0
  36. package/dist/cjs/core/color/color.types.js.map +1 -0
  37. package/dist/cjs/core/color/index.d.ts +3 -0
  38. package/dist/cjs/core/color/index.js +20 -0
  39. package/dist/cjs/core/color/index.js.map +1 -0
  40. package/dist/cjs/core/container/container.model.d.ts +40 -0
  41. package/dist/cjs/core/container/container.model.js +3 -0
  42. package/dist/cjs/core/container/container.model.js.map +1 -0
  43. package/dist/cjs/core/container/container.types.d.ts +1 -0
  44. package/dist/cjs/core/container/container.types.js +3 -0
  45. package/dist/cjs/core/container/container.types.js.map +1 -0
  46. package/dist/cjs/core/container/index.d.ts +2 -0
  47. package/dist/cjs/core/container/index.js +19 -0
  48. package/dist/cjs/core/container/index.js.map +1 -0
  49. package/dist/cjs/core/core.types.d.ts +9 -0
  50. package/dist/cjs/core/core.types.js +3 -0
  51. package/dist/cjs/core/core.types.js.map +1 -0
  52. package/dist/cjs/core/flex/flex.types.d.ts +8 -0
  53. package/dist/cjs/core/flex/flex.types.js +3 -0
  54. package/dist/cjs/core/flex/flex.types.js.map +1 -0
  55. package/dist/cjs/core/flex/index.d.ts +1 -0
  56. package/dist/cjs/core/flex/index.js +18 -0
  57. package/dist/cjs/core/flex/index.js.map +1 -0
  58. package/dist/cjs/core/gradient/gradient.helper.d.ts +2 -0
  59. package/dist/cjs/core/gradient/gradient.helper.js +8 -0
  60. package/dist/cjs/core/gradient/gradient.helper.js.map +1 -0
  61. package/dist/cjs/core/gradient/gradient.model.d.ts +6 -0
  62. package/dist/cjs/core/gradient/gradient.model.js +3 -0
  63. package/dist/cjs/core/gradient/gradient.model.js.map +1 -0
  64. package/dist/cjs/core/gradient/gradient.types.d.ts +1 -0
  65. package/dist/cjs/core/gradient/gradient.types.js +3 -0
  66. package/dist/cjs/core/gradient/gradient.types.js.map +1 -0
  67. package/dist/cjs/core/gradient/index.d.ts +3 -0
  68. package/dist/cjs/core/gradient/index.js +20 -0
  69. package/dist/cjs/core/gradient/index.js.map +1 -0
  70. package/dist/cjs/core/iconography/icon.model.d.ts +7 -0
  71. package/dist/cjs/core/iconography/icon.model.js +3 -0
  72. package/dist/cjs/core/iconography/icon.model.js.map +1 -0
  73. package/dist/cjs/core/iconography/icon.types.d.ts +2 -0
  74. package/dist/cjs/core/iconography/icon.types.js +3 -0
  75. package/dist/cjs/core/iconography/icon.types.js.map +1 -0
  76. package/dist/cjs/core/iconography/index.d.ts +2 -0
  77. package/dist/cjs/core/iconography/index.js +19 -0
  78. package/dist/cjs/core/iconography/index.js.map +1 -0
  79. package/dist/cjs/core/index.d.ts +14 -0
  80. package/dist/cjs/core/index.js +31 -0
  81. package/dist/cjs/core/index.js.map +1 -0
  82. package/dist/cjs/core/layout/index.d.ts +1 -0
  83. package/dist/cjs/core/layout/index.js +18 -0
  84. package/dist/cjs/core/layout/index.js.map +1 -0
  85. package/dist/cjs/core/layout/layout.types.d.ts +3 -0
  86. package/dist/cjs/core/layout/layout.types.js +5 -0
  87. package/dist/cjs/core/layout/layout.types.js.map +1 -0
  88. package/dist/cjs/core/masking/index.d.ts +2 -0
  89. package/dist/cjs/core/masking/index.js +19 -0
  90. package/dist/cjs/core/masking/index.js.map +1 -0
  91. package/dist/cjs/core/masking/masking.model.d.ts +6 -0
  92. package/dist/cjs/core/masking/masking.model.js +3 -0
  93. package/dist/cjs/core/masking/masking.model.js.map +1 -0
  94. package/dist/cjs/core/masking/masking.types.d.ts +1 -0
  95. package/dist/cjs/core/masking/masking.types.js +3 -0
  96. package/dist/cjs/core/masking/masking.types.js.map +1 -0
  97. package/dist/cjs/core/shadow/index.d.ts +3 -0
  98. package/dist/cjs/core/shadow/index.js +20 -0
  99. package/dist/cjs/core/shadow/index.js.map +1 -0
  100. package/dist/cjs/core/shadow/shadow.model.d.ts +11 -0
  101. package/dist/cjs/core/shadow/shadow.model.js +3 -0
  102. package/dist/cjs/core/shadow/shadow.model.js.map +1 -0
  103. package/dist/cjs/core/shadow/shadow.records.d.ts +3 -0
  104. package/dist/cjs/core/shadow/shadow.records.js +147 -0
  105. package/dist/cjs/core/shadow/shadow.records.js.map +1 -0
  106. package/dist/cjs/core/shadow/shadow.types.d.ts +1 -0
  107. package/dist/cjs/core/shadow/shadow.types.js +3 -0
  108. package/dist/cjs/core/shadow/shadow.types.js.map +1 -0
  109. package/dist/cjs/core/theme/index.d.ts +6 -0
  110. package/dist/cjs/core/theme/index.js +23 -0
  111. package/dist/cjs/core/theme/index.js.map +1 -0
  112. package/dist/cjs/core/theme/theme.model.d.ts +15 -0
  113. package/dist/cjs/core/theme/theme.model.js +3 -0
  114. package/dist/cjs/core/theme/theme.model.js.map +1 -0
  115. package/dist/cjs/core/theme/theme.records.d.ts +3 -0
  116. package/dist/cjs/core/theme/theme.records.js +12 -0
  117. package/dist/cjs/core/theme/theme.records.js.map +1 -0
  118. package/dist/cjs/core/theme/theme.types.d.ts +1 -0
  119. package/dist/cjs/core/theme/theme.types.js +3 -0
  120. package/dist/cjs/core/theme/theme.types.js.map +1 -0
  121. package/dist/cjs/core/theme/themes/base.theme.d.ts +2 -0
  122. package/dist/cjs/core/theme/themes/base.theme.js +201 -0
  123. package/dist/cjs/core/theme/themes/base.theme.js.map +1 -0
  124. package/dist/cjs/core/theme/themes/dark.theme.d.ts +2 -0
  125. package/dist/cjs/core/theme/themes/dark.theme.js +36 -0
  126. package/dist/cjs/core/theme/themes/dark.theme.js.map +1 -0
  127. package/dist/cjs/core/theme/themes/light.theme.d.ts +2 -0
  128. package/dist/cjs/core/theme/themes/light.theme.js +6 -0
  129. package/dist/cjs/core/theme/themes/light.theme.js.map +1 -0
  130. package/dist/cjs/core/typography/index.d.ts +3 -0
  131. package/dist/cjs/core/typography/index.js +20 -0
  132. package/dist/cjs/core/typography/index.js.map +1 -0
  133. package/dist/cjs/core/typography/text.model.d.ts +16 -0
  134. package/dist/cjs/core/typography/text.model.js +3 -0
  135. package/dist/cjs/core/typography/text.model.js.map +1 -0
  136. package/dist/cjs/core/typography/typography.records.d.ts +2 -0
  137. package/dist/cjs/core/typography/typography.records.js +16 -0
  138. package/dist/cjs/core/typography/typography.records.js.map +1 -0
  139. package/dist/cjs/core/typography/typography.types.d.ts +7 -0
  140. package/dist/cjs/core/typography/typography.types.js +3 -0
  141. package/dist/cjs/core/typography/typography.types.js.map +1 -0
  142. package/dist/cjs/index.d.ts +1 -0
  143. package/dist/cjs/index.js +18 -0
  144. package/dist/cjs/index.js.map +1 -0
  145. package/dist/esm/core/border/border.model.d.ts +10 -10
  146. package/dist/esm/core/button/button.model.d.ts +2 -1
  147. package/dist/esm/core/color/color.types.d.ts +1 -1
  148. package/dist/esm/core/container/container.model.d.ts +2 -2
  149. package/dist/esm/core/index.d.ts +1 -0
  150. package/dist/esm/core/index.js +1 -0
  151. package/dist/esm/core/index.js.map +1 -1
  152. package/dist/esm/core/theme/theme.model.d.ts +2 -0
  153. package/dist/esm/core/theme/themes/base.theme.js +62 -1
  154. package/dist/esm/core/theme/themes/base.theme.js.map +1 -1
  155. package/dist/esm/core/theme/themes/dark.theme.js +2 -1
  156. package/dist/esm/core/theme/themes/dark.theme.js.map +1 -1
  157. package/package.json +1 -1
@@ -0,0 +1,9 @@
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
+ }
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=background.model.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"background.model.js","sourceRoot":"","sources":["../../../../src/core/background/background.model.ts"],"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ export declare type BackgroundType = 'Solid' | 'Gradient' | 'Blur' | 'Image' | 'Transparent' | 'Layer';
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=background.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"background.types.js","sourceRoot":"","sources":["../../../../src/core/background/background.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export * from './background.model';
2
+ export * from './background.types';
@@ -0,0 +1,19 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/background/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,qDAAmC"}
@@ -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,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# 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":""}
@@ -0,0 +1 @@
1
+ export declare type BorderWidth = 'thick' | 'default' | 'thin' | 'none';
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=border.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"border.types.js","sourceRoot":"","sources":["../../../../src/core/border/border.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export * from './border.types';
2
+ export * from './border.model';
@@ -0,0 +1,19 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,iDAA+B"}
@@ -0,0 +1,16 @@
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
+ shadowElevation?: ShadowElevation;
16
+ }
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# 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,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# 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,19 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,iDAA+B"}
@@ -0,0 +1,4 @@
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;
@@ -0,0 +1,17 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,22 @@
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
+ }
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=color.model.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"color.model.js","sourceRoot":"","sources":["../../../../src/core/color/color.model.ts"],"names":[],"mappings":""}
@@ -0,0 +1,13 @@
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' | 'transparent';
@@ -0,0 +1,35 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,3 @@
1
+ export * from './color.helper';
2
+ export * from './color.model';
3
+ export * from './color.types';
@@ -0,0 +1,20 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/color/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,gDAA8B;AAC9B,gDAA8B"}
@@ -0,0 +1,40 @@
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 { ShadowDefinition } from '../shadow';
6
+ export interface ContainerProps {
7
+ maxWidth?: number;
8
+ align?: HorizontalAlign;
9
+ backgroundType?: BackgroundType;
10
+ shadow?: ShadowDefinition;
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
+ }
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=container.model.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"container.model.js","sourceRoot":"","sources":["../../../../src/core/container/container.model.ts"],"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ export declare type ContainerType = 'Card' | 'Form' | 'Screen' | 'Modal' | 'Paragraph' | 'Header' | 'Footer';
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=container.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"container.types.js","sourceRoot":"","sources":["../../../../src/core/container/container.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export * from './container.model';
2
+ export * from './container.types';
@@ -0,0 +1,19 @@
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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/container/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,oDAAkC"}
@@ -0,0 +1,9 @@
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';
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=core.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"core.types.js","sourceRoot":"","sources":["../../../src/core/core.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,8 @@
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';
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=flex.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flex.types.js","sourceRoot":"","sources":["../../../../src/core/flex/flex.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ export * from './flex.types';
@@ -0,0 +1,18 @@
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("./flex.types"), exports);
18
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/flex/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
@@ -0,0 +1,2 @@
1
+ import { Gradient } from './gradient.model';
2
+ export declare function gradient(config: Gradient): string;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.gradient = void 0;
4
+ function gradient(config) {
5
+ return ``;
6
+ }
7
+ exports.gradient = gradient;
8
+ //# sourceMappingURL=gradient.helper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gradient.helper.js","sourceRoot":"","sources":["../../../../src/core/gradient/gradient.helper.ts"],"names":[],"mappings":";;;AAEA,SAAgB,QAAQ,CAAC,MAAgB;IACvC,OAAO,EAAE,CAAC;AACZ,CAAC;AAFD,4BAEC"}
@@ -0,0 +1,6 @@
1
+ import { Color } from '../color';
2
+ export interface Gradient {
3
+ defaultColor: Color;
4
+ degree: number;
5
+ colors: Record<string, Color>;
6
+ }
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=gradient.model.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gradient.model.js","sourceRoot":"","sources":["../../../../src/core/gradient/gradient.model.ts"],"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ export declare type GradientType = 'linear' | 'radial' | 'conic';
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=gradient.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gradient.types.js","sourceRoot":"","sources":["../../../../src/core/gradient/gradient.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ export * from './gradient.model';
2
+ export * from './gradient.helper';
3
+ export * from './gradient.types';
@@ -0,0 +1,20 @@
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("./gradient.model"), exports);
18
+ __exportStar(require("./gradient.helper"), exports);
19
+ __exportStar(require("./gradient.types"), exports);
20
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/gradient/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,oDAAkC;AAClC,mDAAiC"}
@@ -0,0 +1,7 @@
1
+ import { Color } from '../color';
2
+ import { Masking } from '../masking';
3
+ export interface Icon {
4
+ background: Color;
5
+ foreground: Color;
6
+ mask: Masking;
7
+ }
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=icon.model.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon.model.js","sourceRoot":"","sources":["../../../../src/core/iconography/icon.model.ts"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export declare type IconStyle = 'solid' | 'outline';
2
+ export declare type IconToken = 'alert' | 'warn' | 'disabled' | 'trash' | 'user' | 'back' | 'next' | 'add' | 'create' | 'copy' | 'edit' | 'disable' | 'save' | 'pin' | 'tag' | 'update' | 'archive' | 'delete' | 'lock' | 'unlock' | 'view' | 'hide' | 'open' | 'expand' | 'collapse' | 'info' | 'success' | 'warning' | 'logo' | 'chat' | 'down' | 'favorite' | 'location' | 'message' | 'profile' | 'question' | 'remove' | 'schedule' | 'search' | 'send' | 'settings' | 'share' | 'up' | 'play' | 'stop' | 'forward' | 'beginning' | 'plus' | 'minus' | 'more' | 'details' | 'call' | 'video' | 'inbox' | 'mail' | 'comment' | 'home';
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=icon.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon.types.js","sourceRoot":"","sources":["../../../../src/core/iconography/icon.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export * from './icon.model';
2
+ export * from './icon.types';