@ids-group-ltd/ids-design-system 0.2.2 → 0.4.0

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 (30) hide show
  1. package/README.md +2 -2
  2. package/fesm2022/ids-group-ltd-ids-design-system.mjs +3208 -531
  3. package/fesm2022/ids-group-ltd-ids-design-system.mjs.map +1 -1
  4. package/package.json +4 -3
  5. package/schematics/collection.json +10 -0
  6. package/schematics/ng-add/index.js +47 -0
  7. package/schematics/ng-add/schema.json +13 -0
  8. package/styles/_breakpoints.scss +50 -0
  9. package/styles/_dropdown-overlay.scss +4 -3
  10. package/styles/_ds-color.scss +36 -0
  11. package/styles/_fonts.scss +11 -5
  12. package/styles/_layout-utils.scss +2 -2
  13. package/styles/_link.scss +3 -2
  14. package/styles/_overlay-motion.scss +18 -0
  15. package/styles/_page-grid.scss +6 -3
  16. package/styles/_reset.scss +6 -1
  17. package/styles/_scrollbar.scss +2 -1
  18. package/styles/_theme-activation.scss +49 -0
  19. package/styles/_tokens-charts.scss +18 -18
  20. package/styles/_tokens.scss +74 -25
  21. package/styles/_typography.scss +21 -21
  22. package/styles/ds.scss +15 -9
  23. package/themes/README.md +72 -58
  24. package/themes/{default/_palette.scss → _base-palette.scss} +67 -50
  25. package/themes/{default/_theme.scss → _semantic.scss} +103 -87
  26. package/themes/dark/_palette.scss +39 -0
  27. package/themes/dark/_theme.scss +122 -0
  28. package/themes/light/_palette.scss +34 -0
  29. package/themes/light/_theme.scss +15 -0
  30. package/types/ids-group-ltd-ids-design-system.d.ts +738 -36
package/themes/light/_palette.scss ADDED
@@ -0,0 +1,34 @@
1
+ // =========================================================================
2
+ // Light palette — Tier 1b per-theme primitives.
3
+ //
4
+ // Exposes @mixin palette with ONLY the light-specific primitives:
5
+ // · --neutral-* slot pointed at the cool-gray ramp
6
+ // · --shadow-tint-l: 7% (light shadow substrate lightness)
7
+ //
8
+ // Theme-independent ramps (--cool-gray-*, --brand-gray-*, --blue-*, etc.)
9
+ // and HSL channels live in themes/_base-palette.scss and emit at :root.
10
+ // =========================================================================
11
+
12
+ @mixin palette {
13
+ /* Neutral family slot — semantic pointer at the active gray ramp from the
14
+ palette. Default: hand-drawn cool-gray. <html data-neutrals="brand">
15
+ (ds-docs tweaks panel) repoints it at the brand-derived brand-gray ramp,
16
+ where --primary-h re-tints every gray. Roles below consume --neutral-*
17
+ so the family switch never touches them. */
18
+ --neutral-0: var(--cool-gray-0);
19
+ --neutral-50: var(--cool-gray-50);
20
+ --neutral-100: var(--cool-gray-100);
21
+ --neutral-150: var(--cool-gray-150);
22
+ --neutral-200: var(--cool-gray-200);
23
+ --neutral-300: var(--cool-gray-300);
24
+ --neutral-400: var(--cool-gray-400);
25
+ --neutral-500: var(--cool-gray-500);
26
+ --neutral-600: var(--cool-gray-600);
27
+ --neutral-700: var(--cool-gray-700);
28
+ --neutral-800: var(--cool-gray-800);
29
+ --neutral-900: var(--cool-gray-900);
30
+ --neutral-950: var(--cool-gray-950);
31
+
32
+ // Shadow substrate lightness for light theme.
33
+ --shadow-tint-l: 7%;
34
+ }
package/themes/light/_theme.scss ADDED
@@ -0,0 +1,15 @@
1
+ // =========================================================================
2
+ // Light theme — Tier 2 role assignments (light).
3
+ //
4
+ // Composes the light-specific palette (neutral slot + shadow-l) with the
5
+ // shared role structure. Light needs no extra role overrides — _roles.scss
6
+ // already holds the light-default values.
7
+ // =========================================================================
8
+
9
+ @use 'palette';
10
+ @use '../semantic';
11
+
12
+ @mixin theme {
13
+ @include palette.palette;
14
+ @include semantic.roles;
15
+ }