@arbor-css/core 0.0.92 → 0.0.93

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 (126) hide show
  1. package/dist/getStructuredTokensMap.test.js +1 -1
  2. package/dist/getStructuredTokensMap.test.js.map +1 -1
  3. package/dist/index.d.ts +1 -6
  4. package/dist/index.d.ts.map +1 -1
  5. package/dist/index.js +1 -6
  6. package/dist/index.js.map +1 -1
  7. package/dist/presets/arborPreset/index.d.ts +6 -0
  8. package/dist/presets/arborPreset/index.d.ts.map +1 -1
  9. package/dist/presets/arborPreset/index.js +6 -0
  10. package/dist/presets/arborPreset/index.js.map +1 -1
  11. package/dist/presets/arborPreset/modeSchema/global.d.ts +39 -0
  12. package/dist/presets/arborPreset/modeSchema/global.d.ts.map +1 -0
  13. package/dist/presets/arborPreset/modeSchema/global.js +40 -0
  14. package/dist/presets/arborPreset/modeSchema/global.js.map +1 -0
  15. package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts +33 -1
  16. package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts.map +1 -1
  17. package/dist/presets/arborPreset/modeSchema/modeSchema.js +2 -2
  18. package/dist/presets/arborPreset/modeSchema/modeSchema.js.map +1 -1
  19. package/dist/presets/arborPreset/modeValues/color/color.d.ts +33 -0
  20. package/dist/presets/arborPreset/modeValues/color/color.d.ts.map +1 -0
  21. package/dist/presets/arborPreset/modeValues/color/color.js +24 -0
  22. package/dist/presets/arborPreset/modeValues/color/color.js.map +1 -0
  23. package/dist/presets/arborPreset/modeValues/color/compile.d.ts +34 -0
  24. package/dist/presets/arborPreset/modeValues/color/compile.d.ts.map +1 -0
  25. package/dist/presets/arborPreset/modeValues/color/compile.js +47 -0
  26. package/dist/presets/arborPreset/modeValues/color/compile.js.map +1 -0
  27. package/dist/presets/arborPreset/modeValues/color/compile.test.d.ts +2 -0
  28. package/dist/presets/arborPreset/modeValues/color/compile.test.d.ts.map +1 -0
  29. package/dist/presets/arborPreset/modeValues/color/compile.test.js +192 -0
  30. package/dist/presets/arborPreset/modeValues/color/compile.test.js.map +1 -0
  31. package/dist/presets/arborPreset/modeValues/color/index.d.ts +5 -0
  32. package/dist/presets/arborPreset/modeValues/color/index.d.ts.map +1 -0
  33. package/dist/presets/arborPreset/modeValues/color/index.js +5 -0
  34. package/dist/presets/arborPreset/modeValues/color/index.js.map +1 -0
  35. package/dist/presets/arborPreset/modeValues/color/ranges.d.ts +67 -0
  36. package/dist/presets/arborPreset/modeValues/color/ranges.d.ts.map +1 -0
  37. package/dist/presets/arborPreset/modeValues/color/ranges.js +110 -0
  38. package/dist/presets/arborPreset/modeValues/color/ranges.js.map +1 -0
  39. package/dist/presets/arborPreset/modeValues/color/schemes.d.ts +13 -0
  40. package/dist/presets/arborPreset/modeValues/color/schemes.d.ts.map +1 -0
  41. package/dist/presets/arborPreset/modeValues/color/schemes.js +15 -0
  42. package/dist/presets/arborPreset/modeValues/color/schemes.js.map +1 -0
  43. package/dist/presets/arborPreset/modeValues/intents.d.ts.map +1 -1
  44. package/dist/presets/arborPreset/modeValues/intents.js +13 -13
  45. package/dist/presets/arborPreset/modeValues/intents.js.map +1 -1
  46. package/dist/presets/arborPreset/modeValues/semantics.d.ts +1 -49
  47. package/dist/presets/arborPreset/modeValues/semantics.d.ts.map +1 -1
  48. package/dist/presets/arborPreset/modeValues/semantics.js +13 -13
  49. package/dist/presets/arborPreset/modeValues/semantics.js.map +1 -1
  50. package/dist/presets/arborPreset/modeValues/shadow/index.d.ts +29 -0
  51. package/dist/presets/arborPreset/modeValues/shadow/index.d.ts.map +1 -0
  52. package/dist/presets/arborPreset/modeValues/shadow/index.js +57 -0
  53. package/dist/presets/arborPreset/modeValues/shadow/index.js.map +1 -0
  54. package/dist/presets/arborPreset/modeValues/spacing/index.d.ts +24 -0
  55. package/dist/presets/arborPreset/modeValues/spacing/index.d.ts.map +1 -0
  56. package/dist/presets/arborPreset/modeValues/spacing/index.js +40 -0
  57. package/dist/presets/arborPreset/modeValues/spacing/index.js.map +1 -0
  58. package/dist/presets/arborPreset/modeValues/types.d.ts +3 -3
  59. package/dist/presets/arborPreset/modeValues/types.d.ts.map +1 -1
  60. package/dist/presets/arborPreset/modeValues/typography/index.d.ts +20 -0
  61. package/dist/presets/arborPreset/modeValues/typography/index.d.ts.map +1 -0
  62. package/dist/presets/arborPreset/modeValues/typography/index.js +49 -0
  63. package/dist/presets/arborPreset/modeValues/typography/index.js.map +1 -0
  64. package/dist/presets/arborPreset/preset.d.ts +277 -32
  65. package/dist/presets/arborPreset/preset.d.ts.map +1 -1
  66. package/dist/presets/arborPreset/preset.js +56 -21
  67. package/dist/presets/arborPreset/preset.js.map +1 -1
  68. package/dist/presets/arborPreset/preset.test.js +3 -0
  69. package/dist/presets/arborPreset/preset.test.js.map +1 -1
  70. package/dist/presets/basicPreset/commonFunctions.d.ts +10 -6
  71. package/dist/presets/basicPreset/commonFunctions.d.ts.map +1 -1
  72. package/dist/presets/basicPreset/commonFunctions.js +10 -10
  73. package/dist/presets/basicPreset/commonFunctions.js.map +1 -1
  74. package/dist/presets/basicPreset/functions.test.js +2 -2
  75. package/dist/presets/basicPreset/functions.test.js.map +1 -1
  76. package/dist/presets/basicPreset/mixins.d.ts +218 -26
  77. package/dist/presets/basicPreset/mixins.d.ts.map +1 -1
  78. package/dist/presets/basicPreset/mixins.js +17 -22
  79. package/dist/presets/basicPreset/mixins.js.map +1 -1
  80. package/dist/presets/basicPreset/preset.d.ts +82 -25
  81. package/dist/presets/basicPreset/preset.d.ts.map +1 -1
  82. package/dist/presets/basicPreset/preset.js +53 -9
  83. package/dist/presets/basicPreset/preset.js.map +1 -1
  84. package/dist/runtime/components/SchemeSelector.js +4 -4
  85. package/dist/runtime/components/SchemeSelector.js.map +1 -1
  86. package/dist/runtime/components/TokenValues.js +0 -2
  87. package/dist/runtime/components/TokenValues.js.map +1 -1
  88. package/dist/runtime/components/index.d.ts +0 -1
  89. package/dist/runtime/components/index.d.ts.map +1 -1
  90. package/dist/runtime/components/index.js +0 -1
  91. package/dist/runtime/components/index.js.map +1 -1
  92. package/dist/stylesheet/generateStylesheet.d.ts.map +1 -1
  93. package/dist/stylesheet/generateStylesheet.js +19 -51
  94. package/dist/stylesheet/generateStylesheet.js.map +1 -1
  95. package/dist/stylesheet/generateStylesheet.test.js +3 -1
  96. package/dist/stylesheet/generateStylesheet.test.js.map +1 -1
  97. package/dist/stylesheet/modeToCss.d.ts.map +1 -1
  98. package/dist/stylesheet/modeToCss.js +85 -3
  99. package/dist/stylesheet/modeToCss.js.map +1 -1
  100. package/dist/stylesheet/modeToCss.test.js +33 -7
  101. package/dist/stylesheet/modeToCss.test.js.map +1 -1
  102. package/dist/util/flattenAndApplyTokenValues.d.ts +2 -1
  103. package/dist/util/flattenAndApplyTokenValues.d.ts.map +1 -1
  104. package/dist/util/flattenAndApplyTokenValues.js +13 -3
  105. package/dist/util/flattenAndApplyTokenValues.js.map +1 -1
  106. package/dist/util/resolveComputedTokenValue.js +1 -10
  107. package/dist/util/resolveComputedTokenValue.js.map +1 -1
  108. package/dist/util/resolveComputedTokenValue.test.js +4 -4
  109. package/dist/util/resolveComputedTokenValue.test.js.map +1 -1
  110. package/package.json +8 -12
  111. package/dist/presets/arborPreset/modeSchema/scalars/scalars.d.ts +0 -7
  112. package/dist/presets/arborPreset/modeSchema/scalars/scalars.d.ts.map +0 -1
  113. package/dist/presets/arborPreset/modeSchema/scalars/scalars.js +0 -8
  114. package/dist/presets/arborPreset/modeSchema/scalars/scalars.js.map +0 -1
  115. package/dist/runtime/components/GlobalsEditor.d.ts +0 -2
  116. package/dist/runtime/components/GlobalsEditor.d.ts.map +0 -1
  117. package/dist/runtime/components/GlobalsEditor.js +0 -24
  118. package/dist/runtime/components/GlobalsEditor.js.map +0 -1
  119. package/dist/util/resolveTokenReferences.d.ts +0 -3
  120. package/dist/util/resolveTokenReferences.d.ts.map +0 -1
  121. package/dist/util/resolveTokenReferences.js +0 -49
  122. package/dist/util/resolveTokenReferences.js.map +0 -1
  123. package/dist/util/resolveTokenReferences.test.d.ts +0 -2
  124. package/dist/util/resolveTokenReferences.test.d.ts.map +0 -1
  125. package/dist/util/resolveTokenReferences.test.js +0 -23
  126. package/dist/util/resolveTokenReferences.test.js.map +0 -1
@@ -1,13 +1,17 @@
1
1
  import { CalcInterpolation, Css } from '@arbor-css/calc';
2
- import { SystemTokens } from '@arbor-css/globals';
3
- export declare function lightDarkAlteration(css: Css, systemProps: SystemTokens, { light, dark, step, }: {
2
+ import { Token } from '@arbor-css/tokens';
3
+ export type RequiredTokens = {
4
+ whenLight: Token;
5
+ whenDark: Token;
6
+ };
7
+ export declare function lightDarkAlteration(css: Css, tokens: RequiredTokens, { light, dark, step, }: {
4
8
  light: number;
5
9
  dark: number;
6
10
  step: CalcInterpolation;
7
11
  }): import("@arbor-css/calc").OperationTree;
8
- export declare function lightenColorAlteration(css: Css, systemProps: SystemTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
9
- export declare function darkenColorAlteration(css: Css, systemProps: SystemTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
10
- export declare function saturateColorAlteration(css: Css, systemProps: SystemTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
11
- export declare function desaturateColorAlteration(css: Css, systemProps: SystemTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
12
+ export declare function lightenColorAlteration(css: Css, tokens: RequiredTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
13
+ export declare function darkenColorAlteration(css: Css, tokens: RequiredTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
14
+ export declare function saturateColorAlteration(css: Css, tokens: RequiredTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
15
+ export declare function desaturateColorAlteration(css: Css, tokens: RequiredTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
12
16
  export declare function fadeColorAlteration(css: Css, sourceColor: CalcInterpolation, opacity: CalcInterpolation): import("@arbor-css/calc").OperationTree;
13
17
  //# sourceMappingURL=commonFunctions.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"commonFunctions.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,wBAAgB,mBAAmB,CAClC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,YAAY,EACzB,EACC,KAAK,EACL,IAAI,EACJ,IAAI,GACJ,EAAE;IACF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,iBAAiB,CAAC;CACxB,2CAGD;AAED,wBAAgB,sBAAsB,CACrC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,YAAY,EACzB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,qBAAqB,CACpC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,YAAY,EACzB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,uBAAuB,CACtC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,YAAY,EACzB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,yBAAyB,CACxC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,YAAY,EACzB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,mBAAmB,CAClC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,iBAAiB,2CAG1B"}
1
+ {"version":3,"file":"commonFunctions.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,MAAM,cAAc,GAAG;IAC5B,SAAS,EAAE,KAAK,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,mBAAmB,CAClC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,cAAc,EACtB,EACC,KAAK,EACL,IAAI,EACJ,IAAI,GACJ,EAAE;IACF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,iBAAiB,CAAC;CACxB,2CAGD;AAED,wBAAgB,sBAAsB,CACrC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,qBAAqB,CACpC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,uBAAuB,CACtC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,yBAAyB,CACxC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,mBAAmB,CAClC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,iBAAiB,2CAG1B"}
@@ -1,17 +1,17 @@
1
- export function lightDarkAlteration(css, systemProps, { light, dark, step, }) {
2
- return css `calc(1 + ${step} * (${[systemProps.meta.scheme.whenLight, 1]} * ${light}) + (${[systemProps.meta.scheme.whenDark, 1]} * ${dark}))`;
1
+ export function lightDarkAlteration(css, tokens, { light, dark, step, }) {
2
+ return css `calc(1 + ${step} * (${[tokens.whenLight, 1]} * ${light}) + (${[tokens.whenDark, 1]} * ${dark}))`;
3
3
  }
4
- export function lightenColorAlteration(css, systemProps, sourceColor, step) {
5
- return css `oklch(from ${sourceColor} calc(l * ${lightDarkAlteration(css, systemProps, { light: 0.02, dark: -0.07, step })}) calc(c * ${lightDarkAlteration(css, systemProps, { light: -0.1, dark: -0.03, step })}) h)`;
4
+ export function lightenColorAlteration(css, tokens, sourceColor, step) {
5
+ return css `oklch(from ${sourceColor} calc(l * ${lightDarkAlteration(css, tokens, { light: 0.04, dark: -0.17, step })}) calc(c * ${lightDarkAlteration(css, tokens, { light: -0.1, dark: -0.03, step })}) h)`;
6
6
  }
7
- export function darkenColorAlteration(css, systemProps, sourceColor, step) {
8
- return css `oklch(from ${sourceColor} calc(l * ${lightDarkAlteration(css, systemProps, { light: -0.02, dark: 0.12, step })}) calc(c * ${lightDarkAlteration(css, systemProps, { light: 0.01, dark: -0.09, step })}) h)`;
7
+ export function darkenColorAlteration(css, tokens, sourceColor, step) {
8
+ return css `oklch(from ${sourceColor} calc(l * ${lightDarkAlteration(css, tokens, { light: -0.04, dark: 0.2, step })}) calc(c * ${lightDarkAlteration(css, tokens, { light: 0.01, dark: -0.09, step })}) h)`;
9
9
  }
10
- export function saturateColorAlteration(css, systemProps, sourceColor, step) {
11
- return css `oklch(from ${sourceColor} l calc(c * ${lightDarkAlteration(css, systemProps, { light: 0.05, dark: 0.05, step })}) h)`;
10
+ export function saturateColorAlteration(css, tokens, sourceColor, step) {
11
+ return css `oklch(from ${sourceColor} l calc(c * ${lightDarkAlteration(css, tokens, { light: 0.05, dark: 0.05, step })}) h)`;
12
12
  }
13
- export function desaturateColorAlteration(css, systemProps, sourceColor, step) {
14
- return css `oklch(from ${sourceColor} l calc(c * ${lightDarkAlteration(css, systemProps, { light: -0.05, dark: -0.05, step })}) h)`;
13
+ export function desaturateColorAlteration(css, tokens, sourceColor, step) {
14
+ return css `oklch(from ${sourceColor} l calc(c * ${lightDarkAlteration(css, tokens, { light: -0.05, dark: -0.05, step })}) h)`;
15
15
  }
16
16
  export function fadeColorAlteration(css, sourceColor, opacity) {
17
17
  return css `oklch(from ${sourceColor} l c h / ${opacity})`;
@@ -1 +1 @@
1
- {"version":3,"file":"commonFunctions.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,mBAAmB,CAClC,GAAQ,EACR,WAAyB,EACzB,EACC,KAAK,EACL,IAAI,EACJ,IAAI,GAKJ;IAED,OAAO,GAAG,CAAA,YAAY,IAAI,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC;AAC/I,CAAC;AAED,MAAM,UAAU,sBAAsB,CACrC,GAAQ,EACR,WAAyB,EACzB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,aAAa,mBAAmB,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,cAAc,mBAAmB,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AACxN,CAAC;AAED,MAAM,UAAU,qBAAqB,CACpC,GAAQ,EACR,WAAyB,EACzB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,aAAa,mBAAmB,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,cAAc,mBAAmB,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AACxN,CAAC;AAED,MAAM,UAAU,uBAAuB,CACtC,GAAQ,EACR,WAAyB,EACzB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,eAAe,mBAAmB,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AAClI,CAAC;AAED,MAAM,UAAU,yBAAyB,CACxC,GAAQ,EACR,WAAyB,EACzB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,eAAe,mBAAmB,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AACpI,CAAC;AAED,MAAM,UAAU,mBAAmB,CAClC,GAAQ,EACR,WAA8B,EAC9B,OAA0B;IAE1B,OAAO,GAAG,CAAA,cAAc,WAAW,YAAY,OAAO,GAAG,CAAC;AAC3D,CAAC"}
1
+ {"version":3,"file":"commonFunctions.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"AAQA,MAAM,UAAU,mBAAmB,CAClC,GAAQ,EACR,MAAsB,EACtB,EACC,KAAK,EACL,IAAI,EACJ,IAAI,GAKJ;IAED,OAAO,GAAG,CAAA,YAAY,IAAI,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC;AAC7G,CAAC;AAED,MAAM,UAAU,sBAAsB,CACrC,GAAQ,EACR,MAAsB,EACtB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,aAAa,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,cAAc,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AAC9M,CAAC;AAED,MAAM,UAAU,qBAAqB,CACpC,GAAQ,EACR,MAAsB,EACtB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,aAAa,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,cAAc,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AAC7M,CAAC;AAED,MAAM,UAAU,uBAAuB,CACtC,GAAQ,EACR,MAAsB,EACtB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,eAAe,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AAC7H,CAAC;AAED,MAAM,UAAU,yBAAyB,CACxC,GAAQ,EACR,MAAsB,EACtB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,eAAe,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AAC/H,CAAC;AAED,MAAM,UAAU,mBAAmB,CAClC,GAAQ,EACR,WAA8B,EAC9B,OAA0B;IAE1B,OAAO,GAAG,CAAA,cAAc,WAAW,YAAY,OAAO,GAAG,CAAC;AAC3D,CAAC"}
@@ -7,7 +7,7 @@ describe('ring function', () => {
7
7
  '--size': '2px',
8
8
  '--offset': '1px',
9
9
  });
10
- expect(result).toBe(`0 0 0 1px ${presetBasic.$.system.meta.scheme.trueLight.var}, 0 0 0 calc(3px) red`);
10
+ expect(result).toBe(`0 0 0 1px ${presetBasic.$.mode.global.trueLightColor.var}, 0 0 0 3px red`);
11
11
  });
12
12
  });
13
13
  describe('fade function', () => {
@@ -22,7 +22,7 @@ describe('fade function', () => {
22
22
  describe('contrast color function', () => {
23
23
  it('should compute the right default value', () => {
24
24
  const result = presetBasic.functions.contrastColor.compute({});
25
- expect(result).toBe(`contrast-color(var(--mx-bg-contrast, var(--mx-bg-ref, var(--_-system-schemeTrueLight, white))))`);
25
+ expect(result).toBe(`contrast-color(var(--mx-bg-contrast, var(--mx-bg-ref, var(--m-global-trueLightColor))))`);
26
26
  });
27
27
  });
28
28
  //# sourceMappingURL=functions.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"functions.test.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/functions.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;YACjD,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;SACjB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAClB,aAAa,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,uBAAuB,CAClF,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;YACjD,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,KAAK;SAClB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QACjD,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAClB,iGAAiG,CACjG,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"functions.test.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/functions.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;YACjD,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;SACjB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAClB,aAAa,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAC1E,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;YACjD,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,KAAK;SAClB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QACjD,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAClB,yFAAyF,CACzF,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -1,6 +1,198 @@
1
+ import { Css, Equation } from '@arbor-css/calc';
1
2
  import { CreateMixin } from '@arbor-css/functions';
2
- import { SystemTokens } from '@arbor-css/globals';
3
- export declare function createPresetMixins(systemProps: SystemTokens, createMixinValue: CreateMixin): {
3
+ import { RequiredTokens } from './commonFunctions.js';
4
+ export declare function createColorMixins(createMixinValue: CreateMixin, tokens: RequiredTokens, { name, property, description, defineExtraProperties, }: {
5
+ name: string;
6
+ property: string;
7
+ description: string;
8
+ defineExtraProperties?: (css: Css) => Record<string, Equation>;
9
+ }): {
10
+ ref: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
11
+ applied: {
12
+ "@@TOKEN@@": true;
13
+ name: string;
14
+ type: import("@arbor-css/tokens").PropertyType;
15
+ tag: string | undefined;
16
+ purpose: import("@arbor-css/tokens").TokenPurpose;
17
+ group: string | undefined;
18
+ description: string | undefined;
19
+ contributedBy: string | undefined;
20
+ fallback: string | number | undefined;
21
+ var: string;
22
+ varFallback: (fallbackOverride?: string | number) => string;
23
+ assign: (value?: string | number) => string;
24
+ readonly definition: string;
25
+ suffixed: (suffix: string) => {
26
+ "@@TOKEN@@": true;
27
+ name: string;
28
+ type: import("@arbor-css/tokens").PropertyType;
29
+ tag: string | undefined;
30
+ purpose: import("@arbor-css/tokens").TokenPurpose;
31
+ group: string | undefined;
32
+ description: string | undefined;
33
+ contributedBy: string | undefined;
34
+ fallback: string | number | undefined;
35
+ var: string;
36
+ varFallback: (fallbackOverride?: string | number) => string;
37
+ assign: (value?: string | number) => string;
38
+ readonly definition: string;
39
+ suffixed: any;
40
+ prefixed: (prefix: string) => any;
41
+ };
42
+ prefixed: (prefix: string) => {
43
+ "@@TOKEN@@": true;
44
+ name: string;
45
+ type: import("@arbor-css/tokens").PropertyType;
46
+ tag: string | undefined;
47
+ purpose: import("@arbor-css/tokens").TokenPurpose;
48
+ group: string | undefined;
49
+ description: string | undefined;
50
+ contributedBy: string | undefined;
51
+ fallback: string | number | undefined;
52
+ var: string;
53
+ varFallback: (fallbackOverride?: string | number) => string;
54
+ assign: (value?: string | number) => string;
55
+ readonly definition: string;
56
+ suffixed: (suffix: string) => any;
57
+ prefixed: any;
58
+ };
59
+ };
60
+ ref: {
61
+ "@@TOKEN@@": true;
62
+ name: string;
63
+ type: import("@arbor-css/tokens").PropertyType;
64
+ tag: string | undefined;
65
+ purpose: import("@arbor-css/tokens").TokenPurpose;
66
+ group: string | undefined;
67
+ description: string | undefined;
68
+ contributedBy: string | undefined;
69
+ fallback: string | number | undefined;
70
+ var: string;
71
+ varFallback: (fallbackOverride?: string | number) => string;
72
+ assign: (value?: string | number) => string;
73
+ readonly definition: string;
74
+ suffixed: (suffix: string) => {
75
+ "@@TOKEN@@": true;
76
+ name: string;
77
+ type: import("@arbor-css/tokens").PropertyType;
78
+ tag: string | undefined;
79
+ purpose: import("@arbor-css/tokens").TokenPurpose;
80
+ group: string | undefined;
81
+ description: string | undefined;
82
+ contributedBy: string | undefined;
83
+ fallback: string | number | undefined;
84
+ var: string;
85
+ varFallback: (fallbackOverride?: string | number) => string;
86
+ assign: (value?: string | number) => string;
87
+ readonly definition: string;
88
+ suffixed: any;
89
+ prefixed: (prefix: string) => any;
90
+ };
91
+ prefixed: (prefix: string) => {
92
+ "@@TOKEN@@": true;
93
+ name: string;
94
+ type: import("@arbor-css/tokens").PropertyType;
95
+ tag: string | undefined;
96
+ purpose: import("@arbor-css/tokens").TokenPurpose;
97
+ group: string | undefined;
98
+ description: string | undefined;
99
+ contributedBy: string | undefined;
100
+ fallback: string | number | undefined;
101
+ var: string;
102
+ varFallback: (fallbackOverride?: string | number) => string;
103
+ assign: (value?: string | number) => string;
104
+ readonly definition: string;
105
+ suffixed: (suffix: string) => any;
106
+ prefixed: any;
107
+ };
108
+ };
109
+ contrast: {
110
+ "@@TOKEN@@": true;
111
+ name: string;
112
+ type: import("@arbor-css/tokens").PropertyType;
113
+ tag: string | undefined;
114
+ purpose: import("@arbor-css/tokens").TokenPurpose;
115
+ group: string | undefined;
116
+ description: string | undefined;
117
+ contributedBy: string | undefined;
118
+ fallback: string | number | undefined;
119
+ var: string;
120
+ varFallback: (fallbackOverride?: string | number) => string;
121
+ assign: (value?: string | number) => string;
122
+ readonly definition: string;
123
+ suffixed: (suffix: string) => {
124
+ "@@TOKEN@@": true;
125
+ name: string;
126
+ type: import("@arbor-css/tokens").PropertyType;
127
+ tag: string | undefined;
128
+ purpose: import("@arbor-css/tokens").TokenPurpose;
129
+ group: string | undefined;
130
+ description: string | undefined;
131
+ contributedBy: string | undefined;
132
+ fallback: string | number | undefined;
133
+ var: string;
134
+ varFallback: (fallbackOverride?: string | number) => string;
135
+ assign: (value?: string | number) => string;
136
+ readonly definition: string;
137
+ suffixed: any;
138
+ prefixed: (prefix: string) => any;
139
+ };
140
+ prefixed: (prefix: string) => {
141
+ "@@TOKEN@@": true;
142
+ name: string;
143
+ type: import("@arbor-css/tokens").PropertyType;
144
+ tag: string | undefined;
145
+ purpose: import("@arbor-css/tokens").TokenPurpose;
146
+ group: string | undefined;
147
+ description: string | undefined;
148
+ contributedBy: string | undefined;
149
+ fallback: string | number | undefined;
150
+ var: string;
151
+ varFallback: (fallbackOverride?: string | number) => string;
152
+ assign: (value?: string | number) => string;
153
+ readonly definition: string;
154
+ suffixed: (suffix: string) => any;
155
+ prefixed: any;
156
+ };
157
+ };
158
+ }>;
159
+ lighten: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
160
+ readonly name: "--source";
161
+ readonly fallback: string;
162
+ }], {
163
+ [x: string]: /*elided*/ any;
164
+ $root?: undefined;
165
+ }>;
166
+ darken: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
167
+ readonly name: "--source";
168
+ readonly fallback: string;
169
+ }], {
170
+ [x: string]: /*elided*/ any;
171
+ $root?: undefined;
172
+ }>;
173
+ desaturate: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
174
+ readonly name: "--source";
175
+ readonly fallback: string;
176
+ }], {
177
+ [x: string]: /*elided*/ any;
178
+ $root?: undefined;
179
+ }>;
180
+ saturate: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
181
+ readonly name: "--source";
182
+ readonly fallback: string;
183
+ }], {
184
+ [x: string]: /*elided*/ any;
185
+ $root?: undefined;
186
+ }>;
187
+ fade: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
188
+ readonly name: "--source";
189
+ readonly fallback: string;
190
+ }], {
191
+ [x: string]: /*elided*/ any;
192
+ $root?: undefined;
193
+ }>;
194
+ };
195
+ export declare function createPresetMixins(tokens: RequiredTokens, createMixinValue: CreateMixin): {
4
196
  readonly shadow: import("@arbor-css/functions").ArborMixin<import("@arbor-css/functions").FunctionParams, {
5
197
  shadow: {
6
198
  "@@TOKEN@@": true;
@@ -102,7 +294,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
102
294
  };
103
295
  }>;
104
296
  readonly accent: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
105
- contrast?: {
297
+ applied: {
106
298
  "@@TOKEN@@": true;
107
299
  name: string;
108
300
  type: import("@arbor-css/tokens").PropertyType;
@@ -150,8 +342,8 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
150
342
  suffixed: (suffix: string) => any;
151
343
  prefixed: any;
152
344
  };
153
- } | undefined;
154
- applied: {
345
+ };
346
+ ref: {
155
347
  "@@TOKEN@@": true;
156
348
  name: string;
157
349
  type: import("@arbor-css/tokens").PropertyType;
@@ -200,7 +392,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
200
392
  prefixed: any;
201
393
  };
202
394
  };
203
- ref: {
395
+ contrast: {
204
396
  "@@TOKEN@@": true;
205
397
  name: string;
206
398
  type: import("@arbor-css/tokens").PropertyType;
@@ -286,7 +478,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
286
478
  $root?: undefined;
287
479
  }>;
288
480
  readonly bg: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
289
- contrast?: {
481
+ applied: {
290
482
  "@@TOKEN@@": true;
291
483
  name: string;
292
484
  type: import("@arbor-css/tokens").PropertyType;
@@ -334,8 +526,8 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
334
526
  suffixed: (suffix: string) => any;
335
527
  prefixed: any;
336
528
  };
337
- } | undefined;
338
- applied: {
529
+ };
530
+ ref: {
339
531
  "@@TOKEN@@": true;
340
532
  name: string;
341
533
  type: import("@arbor-css/tokens").PropertyType;
@@ -384,7 +576,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
384
576
  prefixed: any;
385
577
  };
386
578
  };
387
- ref: {
579
+ contrast: {
388
580
  "@@TOKEN@@": true;
389
581
  name: string;
390
582
  type: import("@arbor-css/tokens").PropertyType;
@@ -470,7 +662,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
470
662
  $root?: undefined;
471
663
  }>;
472
664
  readonly border: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
473
- contrast?: {
665
+ applied: {
474
666
  "@@TOKEN@@": true;
475
667
  name: string;
476
668
  type: import("@arbor-css/tokens").PropertyType;
@@ -518,8 +710,8 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
518
710
  suffixed: (suffix: string) => any;
519
711
  prefixed: any;
520
712
  };
521
- } | undefined;
522
- applied: {
713
+ };
714
+ ref: {
523
715
  "@@TOKEN@@": true;
524
716
  name: string;
525
717
  type: import("@arbor-css/tokens").PropertyType;
@@ -568,7 +760,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
568
760
  prefixed: any;
569
761
  };
570
762
  };
571
- ref: {
763
+ contrast: {
572
764
  "@@TOKEN@@": true;
573
765
  name: string;
574
766
  type: import("@arbor-css/tokens").PropertyType;
@@ -654,7 +846,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
654
846
  $root?: undefined;
655
847
  }>;
656
848
  readonly fill: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
657
- contrast?: {
849
+ applied: {
658
850
  "@@TOKEN@@": true;
659
851
  name: string;
660
852
  type: import("@arbor-css/tokens").PropertyType;
@@ -702,8 +894,8 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
702
894
  suffixed: (suffix: string) => any;
703
895
  prefixed: any;
704
896
  };
705
- } | undefined;
706
- applied: {
897
+ };
898
+ ref: {
707
899
  "@@TOKEN@@": true;
708
900
  name: string;
709
901
  type: import("@arbor-css/tokens").PropertyType;
@@ -752,7 +944,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
752
944
  prefixed: any;
753
945
  };
754
946
  };
755
- ref: {
947
+ contrast: {
756
948
  "@@TOKEN@@": true;
757
949
  name: string;
758
950
  type: import("@arbor-css/tokens").PropertyType;
@@ -838,7 +1030,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
838
1030
  $root?: undefined;
839
1031
  }>;
840
1032
  readonly fg: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
841
- contrast?: {
1033
+ applied: {
842
1034
  "@@TOKEN@@": true;
843
1035
  name: string;
844
1036
  type: import("@arbor-css/tokens").PropertyType;
@@ -886,8 +1078,8 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
886
1078
  suffixed: (suffix: string) => any;
887
1079
  prefixed: any;
888
1080
  };
889
- } | undefined;
890
- applied: {
1081
+ };
1082
+ ref: {
891
1083
  "@@TOKEN@@": true;
892
1084
  name: string;
893
1085
  type: import("@arbor-css/tokens").PropertyType;
@@ -936,7 +1128,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
936
1128
  prefixed: any;
937
1129
  };
938
1130
  };
939
- ref: {
1131
+ contrast: {
940
1132
  "@@TOKEN@@": true;
941
1133
  name: string;
942
1134
  type: import("@arbor-css/tokens").PropertyType;
@@ -1022,7 +1214,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
1022
1214
  $root?: undefined;
1023
1215
  }>;
1024
1216
  readonly stroke: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
1025
- contrast?: {
1217
+ applied: {
1026
1218
  "@@TOKEN@@": true;
1027
1219
  name: string;
1028
1220
  type: import("@arbor-css/tokens").PropertyType;
@@ -1070,8 +1262,8 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
1070
1262
  suffixed: (suffix: string) => any;
1071
1263
  prefixed: any;
1072
1264
  };
1073
- } | undefined;
1074
- applied: {
1265
+ };
1266
+ ref: {
1075
1267
  "@@TOKEN@@": true;
1076
1268
  name: string;
1077
1269
  type: import("@arbor-css/tokens").PropertyType;
@@ -1120,7 +1312,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
1120
1312
  prefixed: any;
1121
1313
  };
1122
1314
  };
1123
- ref: {
1315
+ contrast: {
1124
1316
  "@@TOKEN@@": true;
1125
1317
  name: string;
1126
1318
  type: import("@arbor-css/tokens").PropertyType;
@@ -1 +1 @@
1
- {"version":3,"file":"mixins.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/mixins.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"mixins.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/mixins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAKN,cAAc,EAEd,MAAM,sBAAsB,CAAC;AAE9B,wBAAgB,iBAAiB,CAChC,gBAAgB,EAAE,WAAW,EAC7B,MAAM,EAAE,cAAc,EACtB,EACC,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,qBAAqB,GACrB,EAAE;IACF,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CAC/D;;;;;;;;;;;;;0CA0HM,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA9BzD;AAED,wBAAgB,kBAAkB,CACjC,MAAM,EAAE,cAAc,EACtB,gBAAgB,EAAE,WAAW;;;;;;;;;;;;;0CAtBtB,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FzD;AAGD,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
@@ -1,6 +1,5 @@
1
1
  import { darkenColorAlteration, desaturateColorAlteration, fadeColorAlteration, lightenColorAlteration, saturateColorAlteration, } from './commonFunctions.js';
2
- function createColorMixins(createMixinValue, systemTokens, { name, property, description, defineExtraProperties, }) {
3
- const includeContrast = property === 'background';
2
+ export function createColorMixins(createMixinValue, tokens, { name, property, description, defineExtraProperties, }) {
4
3
  const refMixin = createMixinValue(name, {
5
4
  description,
6
5
  parameters: ['--color'],
@@ -34,14 +33,10 @@ function createColorMixins(createMixinValue, systemTokens, { name, property, des
34
33
  purpose: 'color',
35
34
  description: `The final ${property} value applied by Arbor.`,
36
35
  },
37
- ...(includeContrast ?
38
- {
39
- contrast: {
40
- purpose: 'color',
41
- description: 'Color used when deriving a contrast foreground from the background.',
42
- },
43
- }
44
- : {}),
36
+ contrast: {
37
+ purpose: 'color',
38
+ description: 'Color used when deriving a contrast foreground from the background.',
39
+ },
45
40
  },
46
41
  });
47
42
  const lightenMixin = createMixinValue(`${name}-lighten`, {
@@ -54,7 +49,7 @@ function createColorMixins(createMixinValue, systemTokens, { name, property, des
54
49
  },
55
50
  ],
56
51
  definition: (css, { parameters: [step, source] }) => ({
57
- [refMixin.contributeTokens.ref.name]: lightenColorAlteration(css, systemTokens, source, step),
52
+ [refMixin.contributeTokens.ref.name]: lightenColorAlteration(css, tokens, source, step),
58
53
  }),
59
54
  });
60
55
  const darkenMixin = createMixinValue(`${name}-darken`, {
@@ -67,7 +62,7 @@ function createColorMixins(createMixinValue, systemTokens, { name, property, des
67
62
  },
68
63
  ],
69
64
  definition: (css, { parameters: [step, source] }) => ({
70
- [refMixin.contributeTokens.ref.name]: darkenColorAlteration(css, systemTokens, source, step),
65
+ [refMixin.contributeTokens.ref.name]: darkenColorAlteration(css, tokens, source, step),
71
66
  }),
72
67
  });
73
68
  const desaturateMixin = createMixinValue(`${name}-desaturate`, {
@@ -80,7 +75,7 @@ function createColorMixins(createMixinValue, systemTokens, { name, property, des
80
75
  },
81
76
  ],
82
77
  definition: (css, { parameters: [step, source] }) => ({
83
- [refMixin.contributeTokens.ref.name]: desaturateColorAlteration(css, systemTokens, source, step),
78
+ [refMixin.contributeTokens.ref.name]: desaturateColorAlteration(css, tokens, source, step),
84
79
  }),
85
80
  });
86
81
  const saturateMixin = createMixinValue(`${name}-saturate`, {
@@ -93,7 +88,7 @@ function createColorMixins(createMixinValue, systemTokens, { name, property, des
93
88
  },
94
89
  ],
95
90
  definition: (css, { parameters: [step, source] }) => ({
96
- [refMixin.contributeTokens.ref.name]: saturateColorAlteration(css, systemTokens, source, step),
91
+ [refMixin.contributeTokens.ref.name]: saturateColorAlteration(css, tokens, source, step),
97
92
  }),
98
93
  });
99
94
  const fadeMixin = createMixinValue(`${name}-fade`, {
@@ -118,7 +113,7 @@ function createColorMixins(createMixinValue, systemTokens, { name, property, des
118
113
  fade: fadeMixin,
119
114
  };
120
115
  }
121
- export function createPresetMixins(systemProps, createMixinValue) {
116
+ export function createPresetMixins(tokens, createMixinValue) {
122
117
  const shadow = createMixinValue('shadow', {
123
118
  description: 'Applies stacked box-shadow layers as assignable tokens, so ring and shadow portions can be assigned independently.',
124
119
  definition: (css, { tokens }) => ({
@@ -140,38 +135,38 @@ export function createPresetMixins(systemProps, createMixinValue) {
140
135
  },
141
136
  });
142
137
  // colors
143
- const fgMixins = createColorMixins(createMixinValue, systemProps, {
138
+ const fgMixins = createColorMixins(createMixinValue, tokens, {
144
139
  name: 'fg',
145
140
  property: 'color',
146
141
  description: 'Routes color assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
147
142
  });
148
- const bgMixins = createColorMixins(createMixinValue, systemProps, {
143
+ const bgMixins = createColorMixins(createMixinValue, tokens, {
149
144
  name: 'bg',
150
145
  property: 'background',
151
146
  description: 'Routes background color assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
152
147
  });
153
- const borderMixins = createColorMixins(createMixinValue, systemProps, {
148
+ const borderMixins = createColorMixins(createMixinValue, tokens, {
154
149
  name: 'border',
155
150
  property: 'border-color',
156
151
  description: 'Routes border color assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
157
152
  defineExtraProperties: (css) => ({
158
153
  'border-style': css `solid`,
159
154
  'border-width': css `
160
- ${systemProps.global.lineWidth}
155
+ 1px
161
156
  `,
162
157
  }),
163
158
  });
164
- const fillMixins = createColorMixins(createMixinValue, systemProps, {
159
+ const fillMixins = createColorMixins(createMixinValue, tokens, {
165
160
  name: 'fill',
166
161
  property: 'fill',
167
162
  description: 'Routes SVG fill assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
168
163
  });
169
- const strokeMixins = createColorMixins(createMixinValue, systemProps, {
164
+ const strokeMixins = createColorMixins(createMixinValue, tokens, {
170
165
  name: 'stroke',
171
166
  property: 'stroke',
172
167
  description: 'Routes SVG stroke assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
173
168
  });
174
- const accentMixins = createColorMixins(createMixinValue, systemProps, {
169
+ const accentMixins = createColorMixins(createMixinValue, tokens, {
175
170
  name: 'accent',
176
171
  property: 'accent-color',
177
172
  description: 'Routes accent-color assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',