@o3r/design 10.0.0-alpha.1

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 (131) hide show
  1. package/LICENSE +26 -0
  2. package/README.md +51 -0
  3. package/builders/generate-css/index.d.ts +8 -0
  4. package/builders/generate-css/index.d.ts.map +1 -0
  5. package/builders/generate-css/index.js +116 -0
  6. package/builders/generate-css/schema.d.ts +32 -0
  7. package/builders/generate-css/schema.d.ts.map +1 -0
  8. package/builders/generate-css/schema.js +3 -0
  9. package/builders/generate-css/schema.json +68 -0
  10. package/builders/package.json +3 -0
  11. package/builders.json +10 -0
  12. package/cli/generate-css-from-design-token.cli.cjs +33 -0
  13. package/cli/generate-css-from-design-token.cli.cjs.map +1 -0
  14. package/cli/generate-css-from-design-token.cli.d.cts +3 -0
  15. package/cli/generate-css-from-design-token.cli.d.cts.map +1 -0
  16. package/collection.json +24 -0
  17. package/migration.json +5 -0
  18. package/package.json +206 -0
  19. package/schematics/ extract-token/index.d.ts +8 -0
  20. package/schematics/ extract-token/index.d.ts.map +1 -0
  21. package/schematics/ extract-token/index.js +90 -0
  22. package/schematics/ extract-token/schema.d.ts +14 -0
  23. package/schematics/ extract-token/schema.d.ts.map +1 -0
  24. package/schematics/ extract-token/schema.js +3 -0
  25. package/schematics/ extract-token/schema.json +43 -0
  26. package/schematics/generate-css/index.d.ts +8 -0
  27. package/schematics/generate-css/index.d.ts.map +1 -0
  28. package/schematics/generate-css/index.js +48 -0
  29. package/schematics/generate-css/schema.d.ts +17 -0
  30. package/schematics/generate-css/schema.d.ts.map +1 -0
  31. package/schematics/generate-css/schema.js +3 -0
  32. package/schematics/generate-css/schema.json +43 -0
  33. package/schematics/ng-add/index.d.ts +7 -0
  34. package/schematics/ng-add/index.d.ts.map +1 -0
  35. package/schematics/ng-add/index.js +19 -0
  36. package/schematics/ng-add/register-generate-css/index.d.ts +2 -0
  37. package/schematics/ng-add/register-generate-css/index.d.ts.map +1 -0
  38. package/schematics/ng-add/register-generate-css/index.js +5 -0
  39. package/schematics/ng-add/register-generate-css/register-task.d.ts +8 -0
  40. package/schematics/ng-add/register-generate-css/register-task.d.ts.map +1 -0
  41. package/schematics/ng-add/register-generate-css/register-task.js +60 -0
  42. package/schematics/ng-add/register-generate-css/templates/design-token.custom.json.template +3 -0
  43. package/schematics/ng-add/register-generate-css/templates/theme.scss.template +6 -0
  44. package/schematics/ng-add/schema.d.ts +6 -0
  45. package/schematics/ng-add/schema.d.ts.map +1 -0
  46. package/schematics/ng-add/schema.js +3 -0
  47. package/schematics/ng-add/schema.json +18 -0
  48. package/src/core/design-token/design-token-specification.interface.d.ts +195 -0
  49. package/src/core/design-token/design-token-specification.interface.d.ts.map +1 -0
  50. package/src/core/design-token/design-token-specification.interface.js +39 -0
  51. package/src/core/design-token/design-token-specification.interface.js.map +1 -0
  52. package/src/core/design-token/index.d.ts +4 -0
  53. package/src/core/design-token/index.d.ts.map +1 -0
  54. package/src/core/design-token/index.js +7 -0
  55. package/src/core/design-token/index.js.map +1 -0
  56. package/src/core/design-token/parsers/design-token-parser.interface.d.ts +70 -0
  57. package/src/core/design-token/parsers/design-token-parser.interface.d.ts.map +1 -0
  58. package/src/core/design-token/parsers/design-token-parser.interface.js +3 -0
  59. package/src/core/design-token/parsers/design-token-parser.interface.js.map +1 -0
  60. package/src/core/design-token/parsers/design-token.parser.d.ts +25 -0
  61. package/src/core/design-token/parsers/design-token.parser.d.ts.map +1 -0
  62. package/src/core/design-token/parsers/design-token.parser.js +142 -0
  63. package/src/core/design-token/parsers/design-token.parser.js.map +1 -0
  64. package/src/core/design-token/parsers/index.d.ts +3 -0
  65. package/src/core/design-token/parsers/index.d.ts.map +1 -0
  66. package/src/core/design-token/parsers/index.js +6 -0
  67. package/src/core/design-token/parsers/index.js.map +1 -0
  68. package/src/core/design-token/renderers/css/design-token-definition.renderers.d.ts +47 -0
  69. package/src/core/design-token/renderers/css/design-token-definition.renderers.d.ts.map +1 -0
  70. package/src/core/design-token/renderers/css/design-token-definition.renderers.js +53 -0
  71. package/src/core/design-token/renderers/css/design-token-definition.renderers.js.map +1 -0
  72. package/src/core/design-token/renderers/css/design-token-updater.renderers.d.ts +24 -0
  73. package/src/core/design-token/renderers/css/design-token-updater.renderers.d.ts.map +1 -0
  74. package/src/core/design-token/renderers/css/design-token-updater.renderers.js +29 -0
  75. package/src/core/design-token/renderers/css/design-token-updater.renderers.js.map +1 -0
  76. package/src/core/design-token/renderers/css/design-token-value.renderers.d.ts +19 -0
  77. package/src/core/design-token/renderers/css/design-token-value.renderers.d.ts.map +1 -0
  78. package/src/core/design-token/renderers/css/design-token-value.renderers.js +29 -0
  79. package/src/core/design-token/renderers/css/design-token-value.renderers.js.map +1 -0
  80. package/src/core/design-token/renderers/css/index.d.ts +4 -0
  81. package/src/core/design-token/renderers/css/index.d.ts.map +1 -0
  82. package/src/core/design-token/renderers/css/index.js +7 -0
  83. package/src/core/design-token/renderers/css/index.js.map +1 -0
  84. package/src/core/design-token/renderers/design-token-style.renderer.d.ts +25 -0
  85. package/src/core/design-token/renderers/design-token-style.renderer.d.ts.map +1 -0
  86. package/src/core/design-token/renderers/design-token-style.renderer.js +58 -0
  87. package/src/core/design-token/renderers/design-token-style.renderer.js.map +1 -0
  88. package/src/core/design-token/renderers/design-token.renderer.helpers.d.ts +8 -0
  89. package/src/core/design-token/renderers/design-token.renderer.helpers.d.ts.map +1 -0
  90. package/src/core/design-token/renderers/design-token.renderer.helpers.js +11 -0
  91. package/src/core/design-token/renderers/design-token.renderer.helpers.js.map +1 -0
  92. package/src/core/design-token/renderers/design-token.renderer.interface.d.ts +56 -0
  93. package/src/core/design-token/renderers/design-token.renderer.interface.d.ts.map +1 -0
  94. package/src/core/design-token/renderers/design-token.renderer.interface.js +3 -0
  95. package/src/core/design-token/renderers/design-token.renderer.interface.js.map +1 -0
  96. package/src/core/design-token/renderers/index.d.ts +7 -0
  97. package/src/core/design-token/renderers/index.d.ts.map +1 -0
  98. package/src/core/design-token/renderers/index.js +10 -0
  99. package/src/core/design-token/renderers/index.js.map +1 -0
  100. package/src/core/design-token/renderers/metadata/design-token-definition.renderers.d.ts +39 -0
  101. package/src/core/design-token/renderers/metadata/design-token-definition.renderers.d.ts.map +1 -0
  102. package/src/core/design-token/renderers/metadata/design-token-definition.renderers.js +41 -0
  103. package/src/core/design-token/renderers/metadata/design-token-definition.renderers.js.map +1 -0
  104. package/src/core/design-token/renderers/metadata/design-token-updater.renderers.d.ts +6 -0
  105. package/src/core/design-token/renderers/metadata/design-token-updater.renderers.d.ts.map +1 -0
  106. package/src/core/design-token/renderers/metadata/design-token-updater.renderers.js +13 -0
  107. package/src/core/design-token/renderers/metadata/design-token-updater.renderers.js.map +1 -0
  108. package/src/core/design-token/renderers/metadata/design-token-value.renderers.d.ts +18 -0
  109. package/src/core/design-token/renderers/metadata/design-token-value.renderers.d.ts.map +1 -0
  110. package/src/core/design-token/renderers/metadata/design-token-value.renderers.js +27 -0
  111. package/src/core/design-token/renderers/metadata/design-token-value.renderers.js.map +1 -0
  112. package/src/core/design-token/renderers/metadata/index.d.ts +4 -0
  113. package/src/core/design-token/renderers/metadata/index.d.ts.map +1 -0
  114. package/src/core/design-token/renderers/metadata/index.js +7 -0
  115. package/src/core/design-token/renderers/metadata/index.js.map +1 -0
  116. package/src/core/design-token/renderers/sass/design-token-definition.renderers.d.ts +22 -0
  117. package/src/core/design-token/renderers/sass/design-token-definition.renderers.d.ts.map +1 -0
  118. package/src/core/design-token/renderers/sass/design-token-definition.renderers.js +27 -0
  119. package/src/core/design-token/renderers/sass/design-token-definition.renderers.js.map +1 -0
  120. package/src/core/design-token/renderers/sass/index.d.ts +2 -0
  121. package/src/core/design-token/renderers/sass/index.d.ts.map +1 -0
  122. package/src/core/design-token/renderers/sass/index.js +5 -0
  123. package/src/core/design-token/renderers/sass/index.js.map +1 -0
  124. package/src/core/index.d.ts +2 -0
  125. package/src/core/index.d.ts.map +1 -0
  126. package/src/core/index.js +5 -0
  127. package/src/core/index.js.map +1 -0
  128. package/src/public_api.d.ts +2 -0
  129. package/src/public_api.d.ts.map +1 -0
  130. package/src/public_api.js +5 -0
  131. package/src/public_api.js.map +1 -0
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./design-token-definition.renderers"), exports);
5
+ tslib_1.__exportStar(require("./design-token-value.renderers"), exports);
6
+ tslib_1.__exportStar(require("./design-token-updater.renderers"), exports);
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/metadata/index.ts"],"names":[],"mappings":";;;AAAA,8EAAoD;AACpD,yEAA+C;AAC/C,2EAAiD"}
@@ -0,0 +1,22 @@
1
+ import type { TokenKeyRenderer, TokenValueRenderer } from '../../parsers/design-token-parser.interface';
2
+ import type { TokenDefinitionRenderer } from '../design-token.renderer.interface';
3
+ export interface SassTokenDefinitionRendererOptions {
4
+ /** Custom Design Token value renderer */
5
+ tokenValueRenderer?: TokenValueRenderer;
6
+ /**
7
+ * Renderer the name of the Sass Variable (without initial $)
8
+ * @default {@see tokenVariableNameSassRenderer}
9
+ */
10
+ tokenVariableNameRenderer?: TokenKeyRenderer;
11
+ }
12
+ /**
13
+ * Default Sass variable name renderer
14
+ */
15
+ export declare const tokenVariableNameSassRenderer: TokenKeyRenderer;
16
+ /**
17
+ * Retrieve the Design Token Variable renderer for Sass
18
+ * @param options
19
+ * @returns
20
+ */
21
+ export declare const getSassTokenDefinitionRenderer: (options?: SassTokenDefinitionRendererOptions) => TokenDefinitionRenderer;
22
+ //# sourceMappingURL=design-token-definition.renderers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"design-token-definition.renderers.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/sass/design-token-definition.renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgC,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACtI,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAGlF,MAAM,WAAW,kCAAkC;IAEjD,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IAExC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,gBAAgB,CAAC;CAC9C;AAED;;GAEG;AACH,eAAO,MAAM,6BAA6B,EAAE,gBAG3C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,aAAc,kCAAkC,KAAG,uBAQ7F,CAAC"}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getSassTokenDefinitionRenderer = exports.tokenVariableNameSassRenderer = void 0;
4
+ const design_token_value_renderers_1 = require("../css/design-token-value.renderers");
5
+ /**
6
+ * Default Sass variable name renderer
7
+ */
8
+ const tokenVariableNameSassRenderer = (variable) => {
9
+ const tokens = variable.getKey().split('-');
10
+ return tokens[0] + tokens.slice(1).map((token) => token.charAt(0).toUpperCase() + token.slice(1)).join('');
11
+ };
12
+ exports.tokenVariableNameSassRenderer = tokenVariableNameSassRenderer;
13
+ /**
14
+ * Retrieve the Design Token Variable renderer for Sass
15
+ * @param options
16
+ * @returns
17
+ */
18
+ const getSassTokenDefinitionRenderer = (options) => {
19
+ const tokenValueRenderer = options?.tokenValueRenderer || (0, design_token_value_renderers_1.getCssTokenValueRenderer)();
20
+ const keyRenderer = options?.tokenVariableNameRenderer || exports.tokenVariableNameSassRenderer;
21
+ const renderer = (variable, variableSet) => {
22
+ return `$${variable.getKey(keyRenderer)}: ${tokenValueRenderer(variable, variableSet)};`;
23
+ };
24
+ return renderer;
25
+ };
26
+ exports.getSassTokenDefinitionRenderer = getSassTokenDefinitionRenderer;
27
+ //# sourceMappingURL=design-token-definition.renderers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"design-token-definition.renderers.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/sass/design-token-definition.renderers.ts"],"names":[],"mappings":";;;AAEA,sFAA+E;AAc/E;;GAEG;AACI,MAAM,6BAA6B,GAAqB,CAAC,QAAQ,EAAE,EAAE;IAC1E,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC5C,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7G,CAAC,CAAC;AAHW,QAAA,6BAA6B,iCAGxC;AAEF;;;;GAIG;AACI,MAAM,8BAA8B,GAAG,CAAC,OAA4C,EAA2B,EAAE;IACtH,MAAM,kBAAkB,GAAG,OAAO,EAAE,kBAAkB,IAAI,IAAA,uDAAwB,GAAE,CAAC;IACrF,MAAM,WAAW,GAAG,OAAO,EAAE,yBAAyB,IAAI,qCAA6B,CAAC;IAExF,MAAM,QAAQ,GAAG,CAAC,QAAsC,EAAE,WAAsD,EAAE,EAAE;QAClH,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,KAAM,kBAAkB,CAAC,QAAQ,EAAE,WAAW,CAAE,GAAG,CAAC;IAC7F,CAAC,CAAC;IACF,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AARW,QAAA,8BAA8B,kCAQzC"}
@@ -0,0 +1,2 @@
1
+ export * from './design-token-definition.renderers';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/sass/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC"}
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./design-token-definition.renderers"), exports);
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/core/design-token/renderers/sass/index.ts"],"names":[],"mappings":";;;AAAA,8EAAoD"}
@@ -0,0 +1,2 @@
1
+ export * from './design-token/index';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./design-token/index"), exports);
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC"}
@@ -0,0 +1,2 @@
1
+ export * from './core/index';
2
+ //# sourceMappingURL=public_api.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"public_api.d.ts","sourceRoot":"","sources":["../../src/public_api.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./core/index"), exports);
5
+ //# sourceMappingURL=public_api.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"public_api.js","sourceRoot":"","sources":["../../src/public_api.ts"],"names":[],"mappings":";;;AAAA,uDAA6B"}