@blockle/blocks-core 1.0.1 → 1.2.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 (58) hide show
  1. package/dist/atoms/atomTypes.d.ts +1 -0
  2. package/dist/atoms/atomTypes.d.ts.map +1 -0
  3. package/dist/atoms/atoms.css.d.ts +35 -0
  4. package/dist/atoms/atoms.css.d.ts.map +1 -0
  5. package/dist/atoms/atoms.css.js +1 -0
  6. package/dist/atoms/atoms.d.ts +1 -0
  7. package/dist/atoms/atoms.d.ts.map +1 -0
  8. package/dist/atoms/defineProperties.d.ts +1 -0
  9. package/dist/atoms/defineProperties.d.ts.map +1 -0
  10. package/dist/atoms/defineProperties.js +4 -4
  11. package/dist/atoms/getAtomsAndProps.d.ts +1 -0
  12. package/dist/atoms/getAtomsAndProps.d.ts.map +1 -0
  13. package/dist/config/componentThemes.d.ts +58 -33
  14. package/dist/config/componentThemes.d.ts.map +1 -0
  15. package/dist/config/themeTokens.d.ts +1 -0
  16. package/dist/config/themeTokens.d.ts.map +1 -0
  17. package/dist/css/breakpoint/breakpoint.d.ts +1 -0
  18. package/dist/css/breakpoint/breakpoint.d.ts.map +1 -0
  19. package/dist/css/cssMatrixUtils.d.ts +1 -0
  20. package/dist/css/cssMatrixUtils.d.ts.map +1 -0
  21. package/dist/css/layers.css.d.ts +7 -3
  22. package/dist/css/layers.css.d.ts.map +1 -0
  23. package/dist/css/layers.css.js +11 -12
  24. package/dist/css/rem.d.ts +1 -0
  25. package/dist/css/rem.d.ts.map +1 -0
  26. package/dist/css/tokens.d.ts +1 -0
  27. package/dist/css/tokens.d.ts.map +1 -0
  28. package/dist/css/vars.css.d.ts +1 -0
  29. package/dist/css/vars.css.d.ts.map +1 -0
  30. package/dist/index.d.ts +4 -2
  31. package/dist/index.d.ts.map +1 -0
  32. package/dist/index.js +5 -4
  33. package/dist/theme/makeComponentTheme.d.ts +1 -0
  34. package/dist/theme/makeComponentTheme.d.ts.map +1 -0
  35. package/dist/theme/makeTheme.d.ts +1 -0
  36. package/dist/theme/makeTheme.d.ts.map +1 -0
  37. package/dist/theme/makeVanillaTheme.d.ts +1 -0
  38. package/dist/theme/makeVanillaTheme.d.ts.map +1 -0
  39. package/dist/theme/theme.d.ts +1 -0
  40. package/dist/theme/theme.d.ts.map +1 -0
  41. package/dist/utils/classnames/classnames.d.ts +1 -0
  42. package/dist/utils/classnames/classnames.d.ts.map +1 -0
  43. package/dist/utils/dom/hasAnimationDuration.d.ts +1 -0
  44. package/dist/utils/dom/hasAnimationDuration.d.ts.map +1 -0
  45. package/dist/utils/flexbox/flexbox.d.ts +1 -0
  46. package/dist/utils/flexbox/flexbox.d.ts.map +1 -0
  47. package/dist/utils/math/math.d.ts +1 -0
  48. package/dist/utils/math/math.d.ts.map +1 -0
  49. package/dist/utils/react/mergeProps.d.ts +1 -0
  50. package/dist/utils/react/mergeProps.d.ts.map +1 -0
  51. package/dist/utils/react/refs.d.ts +1 -0
  52. package/dist/utils/react/refs.d.ts.map +1 -0
  53. package/dist/utils/styles/responsiveStyles.d.ts +12 -0
  54. package/dist/utils/styles/responsiveStyles.d.ts.map +1 -0
  55. package/dist/utils/styles/responsiveStyles.js +58 -0
  56. package/dist/utils/typing/helpers.d.ts +1 -0
  57. package/dist/utils/typing/helpers.d.ts.map +1 -0
  58. package/package.json +3 -3
@@ -34,3 +34,4 @@ export type TextAtoms = {
34
34
  wordBreak?: Atoms['wordBreak'];
35
35
  wordWrap?: Atoms['wordWrap'];
36
36
  };
37
+ //# sourceMappingURL=atomTypes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"atomTypes.d.ts","sourceRoot":"","sources":["../../src/atoms/atomTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAE7E,MAAM,MAAM,qBAAqB,GAAG,eAAe,CACjD,MAAM,GAAG,MAAM,GAAG,aAAa,CAChC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,gBAAgB,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAC7C,cAAc,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC;IAC/C,eAAe,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC;IAC/C,eAAe,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IACvC,kBAAkB,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACjD,gBAAgB,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;CAC9B,CAAC"}
@@ -1017,6 +1017,40 @@ export declare const atomicProperties: {
1017
1017
  };
1018
1018
  };
1019
1019
  };
1020
+ borderStyle: {
1021
+ values: {
1022
+ none: {
1023
+ defaultClass: string;
1024
+ } | {
1025
+ defaultClass: string;
1026
+ conditions: string[];
1027
+ };
1028
+ solid: {
1029
+ defaultClass: string;
1030
+ } | {
1031
+ defaultClass: string;
1032
+ conditions: string[];
1033
+ };
1034
+ dashed: {
1035
+ defaultClass: string;
1036
+ } | {
1037
+ defaultClass: string;
1038
+ conditions: string[];
1039
+ };
1040
+ dotted: {
1041
+ defaultClass: string;
1042
+ } | {
1043
+ defaultClass: string;
1044
+ conditions: string[];
1045
+ };
1046
+ double: {
1047
+ defaultClass: string;
1048
+ } | {
1049
+ defaultClass: string;
1050
+ conditions: string[];
1051
+ };
1052
+ };
1053
+ };
1020
1054
  boxShadow: {
1021
1055
  values: {
1022
1056
  medium: {
@@ -3008,3 +3042,4 @@ export declare const atomicProperties: {
3008
3042
  };
3009
3043
  };
3010
3044
  };
3045
+ //# sourceMappingURL=atoms.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"atoms.css.d.ts","sourceRoot":"","sources":["../../src/atoms/atoms.css.ts"],"names":[],"mappings":"AAsHA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG5B,CAAC"}
@@ -19,6 +19,7 @@ const unresponsiveAtomicProperties = defineProperties({
19
19
  borderColor: colorsWithCurrentColor,
20
20
  borderRadius: vars.borderRadius,
21
21
  borderWidth: vars.borderWidth,
22
+ borderStyle: ["solid", "dashed", "dotted", "double", "none"],
22
23
  boxShadow: vars.shadow,
23
24
  color: colorsWithCurrentColor,
24
25
  cursor: ["auto", "pointer"],
@@ -8,3 +8,4 @@ export type AtomProperties = {
8
8
  };
9
9
  export declare function atoms(properties: AtomProperties): string;
10
10
  export type Atoms = Parameters<typeof atoms>[0];
11
+ //# sourceMappingURL=atoms.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"atoms.d.ts","sourceRoot":"","sources":["../../src/atoms/atoms.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,OAAO,gBAAgB,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG;KAC1B,CAAC,IAAI,MAAM,gBAAgB,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,MAAM,CAC1E,MAAM,EACN;QACE,YAAY,EAAE,MAAM,CAAC;QACrB,UAAU,EAAE,MAAM,EAAE,CAAC;KACtB,CACF,GAEO,MAAM,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GACnC,CAAC,MAAM,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAC3C,MAAM,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;CACxC,CAAC;AAEF,wBAAgB,KAAK,CAAC,UAAU,EAAE,cAAc,GAAG,MAAM,CAiDxD;AAED,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC"}
@@ -30,3 +30,4 @@ type PropertyResult<TProperties extends Properties, TConditions> = {
30
30
  };
31
31
  export declare function defineProperties<const TProperties extends Properties, TConditions extends PropertyConditions | undefined>({ properties, conditions, }: PropertyDefinition<TProperties, TConditions>): PropertyResult<TProperties, TConditions>;
32
32
  export {};
33
+ //# sourceMappingURL=defineProperties.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defineProperties.d.ts","sourceRoot":"","sources":["../../src/atoms/defineProperties.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAY3D,KAAK,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAAE,CAAC,IAAI;KACrC,KAAK,IAAI,MAAM,CAAC,GAAG,CAAC;CACtB,CAAC;AAEF,KAAK,oBAAoB,GAAG,MAAM,GAAG,MAAM,CAAC;AAC5C,KAAK,cAAc,GACf,oBAAoB,EAAE,GACtB,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;AAEzC,KAAK,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;AAEvE,KAAK,iBAAiB,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/C,KAAK,kBAAkB,GAAG,iBAAiB,EAAE,CAAC;AAE9C,KAAK,kBAAkB,CAAC,WAAW,EAAE,WAAW,IAAI;IAClD,UAAU,EAAE,WAAW,CAAC;IACxB,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,KAAK,mBAAmB,CAAC,WAAW,IAAI,WAAW,SAAS,OAAO,EAAE,GACjE;IACE,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,WAAW,SAAS,OAAO,EAAE,GACrC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC,GAC7B,KAAK,CAAC;CACX,GACD;IACE,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEN,KAAK,cAAc,CAAC,WAAW,SAAS,UAAU,EAAE,WAAW,IAAI;KAChE,CAAC,IAAI,MAAM,WAAW,GAAG;QACxB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,oBAAoB,EAAE,GACjD;aACG,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,mBAAmB,CAAC,WAAW,CAAC;SAChE,GACD;aACG,CAAC,IAAI,MAAM,WAAW,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,WAAW,CAAC;SAC9D,CAAC;KACP;CACF,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,KAAK,CAAC,WAAW,SAAS,UAAU,EACpC,WAAW,SAAS,kBAAkB,GAAG,SAAS,EAClD,EACA,UAAU,EACV,UAAU,GACX,EAAE,kBAAkB,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,cAAc,CAC9D,WAAW,EACX,WAAW,CACZ,CA2GA"}
@@ -1,5 +1,5 @@
1
1
  import { style } from "@vanilla-extract/css";
2
- import { blocksLayerAtom } from "../css/layers.css.js";
2
+ import { layers } from "../css/layers.css.js";
3
3
  function defineProperties({
4
4
  properties,
5
5
  conditions
@@ -14,7 +14,7 @@ function defineProperties({
14
14
  for (const value of values) {
15
15
  const defaultClass = style({
16
16
  "@layer": {
17
- [blocksLayerAtom]: {
17
+ [layers.atom]: {
18
18
  [property]: value
19
19
  }
20
20
  }
@@ -30,7 +30,7 @@ function defineProperties({
30
30
  if (typeof condition === "object" && condition["@media"]) {
31
31
  return style({
32
32
  "@layer": {
33
- [blocksLayerAtom]: {
33
+ [layers.atom]: {
34
34
  "@media": {
35
35
  [condition["@media"]]: {
36
36
  [property]: value
@@ -53,7 +53,7 @@ function defineProperties({
53
53
  for (const value in values) {
54
54
  const defaultClass = style({
55
55
  "@layer": {
56
- [blocksLayerAtom]: {
56
+ [layers.atom]: {
57
57
  [property]: values[value]
58
58
  }
59
59
  }
@@ -1 +1,2 @@
1
1
  export declare function getAtomsAndProps(props: Record<string, unknown>): [atomsClassNames: Record<string, unknown>, props: Record<string, unknown>];
2
+ //# sourceMappingURL=getAtomsAndProps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getAtomsAndProps.d.ts","sourceRoot":"","sources":["../../src/atoms/getAtomsAndProps.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,CAAC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAc5E"}
@@ -3,6 +3,12 @@ import { RecordLike } from '../utils/typing/helpers.js';
3
3
  /**
4
4
  * Theming options for components.
5
5
  */
6
+ export type AlertTheme = {
7
+ base: string;
8
+ variants: {
9
+ intent: 'error' | 'info' | 'success' | 'warning';
10
+ };
11
+ };
6
12
  export type ButtonTheme = {
7
13
  base: string;
8
14
  variants: {
@@ -13,18 +19,18 @@ export type ButtonTheme = {
13
19
  disabled: boolean;
14
20
  };
15
21
  };
16
- export type LinkTheme = {
22
+ export type CheckboxTheme = {
17
23
  base: string;
24
+ icon: string;
25
+ label: string;
18
26
  variants: {
19
- variant: 'inherit' | 'primary' | 'secondary';
20
- underline: boolean;
27
+ required: boolean;
21
28
  };
22
29
  };
23
- export type SpinnerTheme = {
24
- base: string;
30
+ export type DialogTheme = {
31
+ dialog: string;
25
32
  variants: {
26
33
  size: 'small' | 'medium' | 'large';
27
- color: Exclude<Atoms['color'], undefined>;
28
34
  };
29
35
  };
30
36
  export type DividerTheme = {
@@ -33,40 +39,28 @@ export type DividerTheme = {
33
39
  color: Exclude<Atoms['color'], undefined>;
34
40
  };
35
41
  };
36
- export type DialogTheme = {
37
- dialog: string;
42
+ export type IconTheme = {
43
+ base: string;
38
44
  variants: {
39
45
  size: 'small' | 'medium' | 'large';
40
46
  };
41
47
  };
42
- export type InputTheme = {
43
- container: string;
44
- input: string;
48
+ export type LabelTheme = {
49
+ base: string;
45
50
  variants: {
46
- variant: 'solid' | 'outline';
47
- disabled: boolean;
51
+ size: 'small' | 'medium' | 'large';
48
52
  required: boolean;
49
53
  };
50
54
  };
51
- export type CheckboxTheme = {
55
+ export type LinkTheme = {
52
56
  base: string;
53
- icon: string;
54
- label: string;
55
57
  variants: {
56
- required: boolean;
58
+ variant: 'inherit' | 'primary' | 'secondary';
59
+ underline: boolean;
57
60
  };
58
61
  };
59
- export type RadioTheme = {
60
- base: string;
61
- icon: string;
62
- label: string;
63
- };
64
- export type LabelTheme = {
62
+ export type PopoverTheme = {
65
63
  base: string;
66
- variants: {
67
- size: 'small' | 'medium' | 'large';
68
- required: boolean;
69
- };
70
64
  };
71
65
  export type ProgressTheme = {
72
66
  base: string;
@@ -75,12 +69,10 @@ export type ProgressTheme = {
75
69
  indeterminate: boolean;
76
70
  };
77
71
  };
78
- export type SwitchTheme = {
79
- base: string;
80
- slider: string;
81
- };
82
- export type PopoverTheme = {
72
+ export type RadioTheme = {
83
73
  base: string;
74
+ icon: string;
75
+ label: string;
84
76
  };
85
77
  export type SelectTheme = {
86
78
  wrapper?: string;
@@ -101,6 +93,34 @@ export type SliderTheme = {
101
93
  disabled: boolean;
102
94
  };
103
95
  };
96
+ export type SpinnerTheme = {
97
+ base: string;
98
+ variants: {
99
+ size: 'small' | 'medium' | 'large';
100
+ color: Exclude<Atoms['color'], undefined>;
101
+ };
102
+ };
103
+ export type SwitchTheme = {
104
+ base: string;
105
+ slider: string;
106
+ };
107
+ export type TextareaTheme = {
108
+ container: string;
109
+ input: string;
110
+ };
111
+ export type TextInputTheme = {
112
+ container: string;
113
+ input: string;
114
+ variants: {
115
+ variant: 'solid' | 'outline';
116
+ };
117
+ };
118
+ export type ToastTheme = {
119
+ base: string;
120
+ variants: {
121
+ intent: 'neutral' | 'error' | 'info' | 'success' | 'warning';
122
+ };
123
+ };
104
124
  export type TooltipTheme = {
105
125
  base: string;
106
126
  variants: {
@@ -108,11 +128,12 @@ export type TooltipTheme = {
108
128
  };
109
129
  };
110
130
  export type ComponentThemes = {
131
+ alert: AlertTheme;
111
132
  button: ButtonTheme;
112
133
  checkbox: CheckboxTheme;
113
134
  dialog: DialogTheme;
114
135
  divider: DividerTheme;
115
- input: InputTheme;
136
+ icon: IconTheme;
116
137
  label: LabelTheme;
117
138
  link: LinkTheme;
118
139
  popover: PopoverTheme;
@@ -122,6 +143,9 @@ export type ComponentThemes = {
122
143
  slider: SliderTheme;
123
144
  spinner: SpinnerTheme;
124
145
  switch: SwitchTheme;
146
+ textarea: TextareaTheme;
147
+ textInput: TextInputTheme;
148
+ toast: ToastTheme;
125
149
  tooltip: TooltipTheme;
126
150
  };
127
151
  /**
@@ -135,3 +159,4 @@ export type ComponentThemeProps<T extends RecordLike> = Omit<{
135
159
  export type ComponentThemesProps = {
136
160
  [K in keyof ComponentThemes]: ComponentThemeProps<ComponentThemes[K]>;
137
161
  };
162
+ //# sourceMappingURL=componentThemes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"componentThemes.d.ts","sourceRoot":"","sources":["../../src/config/componentThemes.ts"],"names":[],"mappings":"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"}
@@ -43,3 +43,4 @@ export type ThemeTokens = {
43
43
  color: Color;
44
44
  };
45
45
  export {};
46
+ //# sourceMappingURL=themeTokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themeTokens.d.ts","sourceRoot":"","sources":["../../src/config/themeTokens.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AACpE,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC3C,KAAK,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7C,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAClC,KAAK,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AACpC,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC9C,KAAK,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AACnE,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAErE,KAAK,YAAY,GACb,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACxC,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE;QACV,UAAU,EAAE;YAEV,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,CAAC;QACF,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;QAC5C,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;QAClE,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;KACjD,CAAC;IACF,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACxC,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACvC,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;QAC9C,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;KAC7C,CAAC;IACF,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAClC,KAAK,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,KAAK,EAAE,KAAK,CAAC;CACd,CAAC"}
@@ -7,3 +7,4 @@ export declare const breakpoints: {
7
7
  };
8
8
  export type Breakpoint = keyof typeof breakpoints;
9
9
  export declare function minMediaQuery(breakpoint: Exclude<Breakpoint, 'mobile'>): string;
10
+ //# sourceMappingURL=breakpoint.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../src/css/breakpoint/breakpoint.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,kDAAmD,CAAC;AAEhF,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAElD,wBAAgB,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,UAEtE"}
@@ -11,3 +11,4 @@ export declare function parseCSSTransform(styleDeclaration: CSSStyleDeclaration)
11
11
  export declare function getCSSScale(styleDeclaration: CSSStyleDeclaration): Vector2D;
12
12
  export declare function getOriginalElementSize(styleDeclaration: CSSStyleDeclaration, width: number, height: number): Vector2D;
13
13
  export declare function cssValueToNumber(value?: string): number;
14
+ //# sourceMappingURL=cssMatrixUtils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cssMatrixUtils.d.ts","sourceRoot":"","sources":["../../src/css/cssMatrixUtils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAE9C,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAaF,wBAAgB,iBAAiB,CAC/B,gBAAgB,EAAE,mBAAmB,GACpC,QAAQ,CA0CV;AAED,wBAAgB,WAAW,CAAC,gBAAgB,EAAE,mBAAmB,GAAG,QAAQ,CAiB3E;AAED,wBAAgB,sBAAsB,CACpC,gBAAgB,EAAE,mBAAmB,EACrC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,QAAQ,CAIV;AAED,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAYvD"}
@@ -1,3 +1,7 @@
1
- export declare const blocksLayerAtom: string;
2
- export declare const blocksLayerComponent: string;
3
- export declare const blocksLayer: string;
1
+ export declare const layers: {
2
+ readonly reset: string;
3
+ readonly atom: string;
4
+ readonly molecule: string;
5
+ readonly organism: string;
6
+ };
7
+ //# sourceMappingURL=layers.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layers.css.d.ts","sourceRoot":"","sources":["../../src/css/layers.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM;;;;;CAKT,CAAC"}
@@ -1,18 +1,17 @@
1
1
  import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
2
2
  import { layer } from "@vanilla-extract/css";
3
3
  setFileScope("src/css/layers.css.ts", "@blockle/blocks-core");
4
- const blocksLayerAtom = layer("blocks-atom");
5
- const blocksLayerComponent = layer(
6
- { parent: blocksLayerAtom },
7
- "blocks-component"
8
- );
9
- const blocksLayer = layer(
10
- { parent: blocksLayerComponent },
11
- "blockle-blocks"
12
- );
4
+ const organismLayer = layer("blockle-organism");
5
+ const moleculeLayer = layer({ parent: organismLayer }, "blockle-molecule");
6
+ const atomLayer = layer({ parent: moleculeLayer }, "blockle-atom");
7
+ const resetLayer = layer({ parent: atomLayer }, "blockle-reset");
8
+ const layers = {
9
+ reset: resetLayer,
10
+ atom: atomLayer,
11
+ molecule: moleculeLayer,
12
+ organism: organismLayer
13
+ };
13
14
  endFileScope();
14
15
  export {
15
- blocksLayer,
16
- blocksLayerAtom,
17
- blocksLayerComponent
16
+ layers
18
17
  };
package/dist/css/rem.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export declare function rem(value: number): `${number}rem`;
2
+ //# sourceMappingURL=rem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rem.d.ts","sourceRoot":"","sources":["../../src/css/rem.ts"],"names":[],"mappings":"AAAA,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,MAAM,KAAK,CAEjD"}
@@ -1,3 +1,4 @@
1
1
  import { ThemeTokens } from '../config/themeTokens.js';
2
2
  import { DeepNullable } from '../utils/typing/helpers.js';
3
3
  export declare const tokens: DeepNullable<ThemeTokens>;
4
+ //# sourceMappingURL=tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/css/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAc/D,eAAO,MAAM,MAAM,EAAE,YAAY,CAAC,WAAW,CA4E5C,CAAC"}
@@ -138,3 +138,4 @@ export declare const vars: {
138
138
  boxShadow: `var(--${string})`;
139
139
  };
140
140
  };
141
+ //# sourceMappingURL=vars.css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../../src/css/vars.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKhB,CAAC"}
package/dist/index.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  export { atomicProperties } from './atoms/atoms.css.js';
2
2
  export { type Atoms, atoms } from './atoms/atoms.js';
3
- export type { MarginAtoms, PaddingAtoms, TextAtoms, } from './atoms/atomTypes.js';
3
+ export type { MarginAtoms, PaddingAtoms, ResponsiveValue, TextAtoms, } from './atoms/atomTypes.js';
4
4
  export { getAtomsAndProps } from './atoms/getAtomsAndProps.js';
5
5
  export type { ComponentThemes, ComponentThemesProps, } from './config/componentThemes.js';
6
6
  export type { ThemeTokens } from './config/themeTokens.js';
7
7
  export { breakpointNames, minMediaQuery } from './css/breakpoint/breakpoint.js';
8
8
  export { cssValueToNumber, getCSSScale, getOriginalElementSize, parseCSSTransform, } from './css/cssMatrixUtils.js';
9
- export { blocksLayer, blocksLayerAtom, blocksLayerComponent, } from './css/layers.css.js';
9
+ export { layers } from './css/layers.css.js';
10
10
  export { rem } from './css/rem.js';
11
11
  export { vars } from './css/vars.css.js';
12
12
  export type { ComponentTheme, ThemeComponentsStyles, } from './theme/makeComponentTheme.js';
@@ -19,4 +19,6 @@ export { type AlignItemsMap, alignItemsMap, type JustifyContentMap, justifyConte
19
19
  export { clampAndRoundValue } from './utils/math/math.js';
20
20
  export { mergeProps } from './utils/react/mergeProps.js';
21
21
  export { composeRefs } from './utils/react/refs.js';
22
+ export { createResponsiveStyles, getResponsiveStyle, } from './utils/styles/responsiveStyles.js';
22
23
  export { type AnyString, type HTMLElementProps, type IsNumberUnion, type IsStringUnion, type IsUnion, isObjectLike, type OptionalLiteral, type RecordLike, } from './utils/typing/helpers.js';
24
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACrD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,eAAe,EACf,SAAS,GACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,YAAY,EACV,eAAe,EACf,oBAAoB,GACrB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEhF,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EACV,cAAc,EACd,qBAAqB,GACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,YAAY,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EACL,KAAK,aAAa,EAClB,aAAa,EACb,KAAK,iBAAiB,EACtB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EACL,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,OAAO,EACZ,YAAY,EACZ,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,2BAA2B,CAAC"}
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@ import { atoms } from "./atoms/atoms.js";
3
3
  import { getAtomsAndProps } from "./atoms/getAtomsAndProps.js";
4
4
  import { breakpointNames, minMediaQuery } from "./css/breakpoint/breakpoint.js";
5
5
  import { cssValueToNumber, getCSSScale, getOriginalElementSize, parseCSSTransform } from "./css/cssMatrixUtils.js";
6
- import { blocksLayer, blocksLayerAtom, blocksLayerComponent } from "./css/layers.css.js";
6
+ import { layers } from "./css/layers.css.js";
7
7
  import { rem } from "./css/rem.js";
8
8
  import { vars } from "./css/vars.css.js";
9
9
  import { makeComponentTheme } from "./theme/makeComponentTheme.js";
@@ -14,25 +14,26 @@ import { alignItemsMap, justifyContentMap } from "./utils/flexbox/flexbox.js";
14
14
  import { clampAndRoundValue } from "./utils/math/math.js";
15
15
  import { mergeProps } from "./utils/react/mergeProps.js";
16
16
  import { composeRefs } from "./utils/react/refs.js";
17
+ import { createResponsiveStyles, getResponsiveStyle } from "./utils/styles/responsiveStyles.js";
17
18
  import { isObjectLike } from "./utils/typing/helpers.js";
18
19
  export {
19
20
  alignItemsMap,
20
21
  atomicProperties,
21
22
  atoms,
22
- blocksLayer,
23
- blocksLayerAtom,
24
- blocksLayerComponent,
25
23
  breakpointNames,
26
24
  clampAndRoundValue,
27
25
  classnames,
28
26
  composeRefs,
27
+ createResponsiveStyles,
29
28
  cssValueToNumber,
30
29
  getAtomsAndProps,
31
30
  getCSSScale,
32
31
  getOriginalElementSize,
32
+ getResponsiveStyle,
33
33
  hasAnimationDuration,
34
34
  isObjectLike,
35
35
  justifyContentMap,
36
+ layers,
36
37
  makeComponentTheme,
37
38
  makeTheme,
38
39
  mergeProps,
@@ -27,3 +27,4 @@ export type ThemeComponentsStyles = {
27
27
  };
28
28
  export declare function makeComponentTheme<T extends keyof ThemeComponentsStyles>(_component: T, componentTheme: Exclude<ThemeComponentsStyles[T], undefined>): Exclude<ThemeComponentsStyles[T], undefined>;
29
29
  export {};
30
+ //# sourceMappingURL=makeComponentTheme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"makeComponentTheme.d.ts","sourceRoot":"","sources":["../../src/theme/makeComponentTheme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAI7D,KAAK,eAAe,CAAC,CAAC,SAAS,UAAU,IAAI;KAC1C,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GACzC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAC7B,CAAC,CAAC,CAAC,CAAC,SAAS,OAAO,GAClB,MAAM,GACN,KAAK;CACZ,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,UAAU,IAAI,IAAI,CAC7D,CAAC,EACD,UAAU,CACX,GAAG;IACF,QAAQ,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,SAAS,UAAU,GACvC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,GAC9B,KAAK,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,8BAA8B,CAAC,CAAC,SAAS,UAAU,IAC7D,CAAC,CAAC,UAAU,CAAC,SAAS,UAAU,GAC5B;IACE,QAAQ,EAAE;SACP,CAAC,IAAI,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;KAC9C,CAAC;IACF,KAAK,EAAE,MAAM,CAAC;CACf,EAAE,GACH,KAAK,CAAC;AAEZ,MAAM,MAAM,6BAA6B,CAAC,CAAC,SAAS,UAAU,IAC5D,CAAC,CAAC,UAAU,CAAC,SAAS,UAAU,GAC5B;KACG,CAAC,IAAI,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;CAC9C,GACD,KAAK,CAAC;AAEZ,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,UAAU,IAAI,sBAAsB,CAAC,CAAC,CAAC,GAAG;IAC7E,gBAAgB,CAAC,EAAE,8BAA8B,CAAC,CAAC,CAAC,CAAC;IACrD,eAAe,CAAC,EAAE,6BAA6B,CAAC,CAAC,CAAC,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;KACjC,CAAC,IAAI,MAAM,eAAe,CAAC,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;CAClE,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,qBAAqB,EACtE,UAAU,EAAE,CAAC,EACb,cAAc,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,gDAG7D"}
@@ -12,3 +12,4 @@ export type Theme = {
12
12
  };
13
13
  export declare function makeTheme(theme: ThemeInput): Theme;
14
14
  export {};
15
+ //# sourceMappingURL=makeTheme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"makeTheme.d.ts","sourceRoot":"","sources":["../../src/theme/makeTheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGrE,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,qBAAqB,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,qBAAqB,CAAC;CACnC,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAMlD"}
@@ -14,3 +14,4 @@ export declare const makeVanillaTheme: (tokens: ThemeTokens) => {
14
14
  boxShadow: string;
15
15
  };
16
16
  };
17
+ //# sourceMappingURL=makeVanillaTheme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"makeVanillaTheme.d.ts","sourceRoot":"","sources":["../../src/theme/makeVanillaTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAiB5D,eAAO,MAAM,gBAAgB,GAAI,QAAQ,WAAW;;;;iBAqBZ,MAAM,CACxC,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,EAChC,MAAM,CACP;gBAC2C,MAAM,CAChD,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC,UAAU,EACzC,MAAM,CACP;cACuC,MAAM,CAC5C,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC,QAAQ,EACvC,MAAM,CACP;gBACsD,MAAM,CAC3D,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC,UAAU,EACzC,MAAM,CACP;gBAC2C,MAAM,CAChD,MAAM,OAAO,MAAM,CAAC,UAAU,CAAC,UAAU,EACzC,MAAM,CACP;gBACgC,MAAM,CACrC,MAAM,OAAO,MAAM,CAAC,UAAU,EAC9B,MAAM,CACP;YACwB,MAAM,CAAC,MAAM,OAAO,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;;;;CAKtE,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import { Theme } from './makeTheme.js';
2
2
  export declare const setTheme: (theme: Theme) => void;
3
3
  export declare const getTheme: () => Theme;
4
+ //# sourceMappingURL=theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAK5C,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,KAAG,IAEvC,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,KAE3B,CAAC"}
@@ -1,3 +1,4 @@
1
1
  type Args = null | undefined | boolean | string | unknown;
2
2
  export declare const classnames: (...args: Args[]) => string | undefined;
3
3
  export {};
4
+ //# sourceMappingURL=classnames.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"classnames.d.ts","sourceRoot":"","sources":["../../../src/utils/classnames/classnames.ts"],"names":[],"mappings":"AAAA,KAAK,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAG1D,eAAO,MAAM,UAAU,GAAI,GAAG,MAAM,IAAI,EAAE,KAAG,MAAM,GAAG,SAMrD,CAAC"}
@@ -2,3 +2,4 @@
2
2
  * Check if the element has animation duration.
3
3
  */
4
4
  export declare function hasAnimationDuration(element: HTMLElement | null): boolean;
5
+ //# sourceMappingURL=hasAnimationDuration.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hasAnimationDuration.d.ts","sourceRoot":"","sources":["../../../src/utils/dom/hasAnimationDuration.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAWzE"}
@@ -13,3 +13,4 @@ export declare const alignItemsMap: {
13
13
  readonly stretch: "stretch";
14
14
  };
15
15
  export type AlignItemsMap = typeof alignItemsMap;
16
+ //# sourceMappingURL=flexbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flexbox.d.ts","sourceRoot":"","sources":["../../../src/utils/flexbox/flexbox.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;;;;CAMpB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,OAAO,iBAAiB,CAAC;AAEzD,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC"}
@@ -1 +1,2 @@
1
1
  export declare function clampAndRoundValue(newValue: number, min: number, max: number, step: number): number;
2
+ //# sourceMappingURL=math.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../../src/utils/math/math.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,GACX,MAAM,CAMR"}
@@ -2,3 +2,4 @@ export type UnknownRecord = Record<string, unknown>;
2
2
  export declare function mergeProps(slotProps: UnknownRecord, childProps: UnknownRecord): {
3
3
  [x: string]: unknown;
4
4
  };
5
+ //# sourceMappingURL=mergeProps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mergeProps.d.ts","sourceRoot":"","sources":["../../../src/utils/react/mergeProps.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEpD,wBAAgB,UAAU,CACxB,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,aAAa;;EAkD1B"}
@@ -2,3 +2,4 @@ import { default as React } from 'react';
2
2
  type PossibleRef<T> = React.Ref<T> | undefined | null;
3
3
  export declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T) => void;
4
4
  export {};
5
+ //# sourceMappingURL=refs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"refs.d.ts","sourceRoot":"","sources":["../../../src/utils/react/refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;AAUtD,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,IAC9C,MAAM,CAAC,UAKhB"}
@@ -0,0 +1,12 @@
1
+ import { StyleRule } from '@vanilla-extract/css';
2
+ import { ResponsiveValue } from '../../atoms/atomTypes.js';
3
+ type ResponsiveStyle<TKeys extends string | number> = Record<TKeys, [
4
+ string,
5
+ string,
6
+ string,
7
+ string
8
+ ]>;
9
+ export declare function createResponsiveStyles<const TKeys extends string | number>(keys: TKeys[], styles: (key: TKeys) => StyleRule, layer?: string): ResponsiveStyle<TKeys>;
10
+ export declare function getResponsiveStyle<TStyles extends ResponsiveStyle<TKeys>, TKeys extends string | number>(stylesMap: TStyles, value: ResponsiveValue<TKeys> | undefined): string | undefined;
11
+ export {};
12
+ //# sourceMappingURL=responsiveStyles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"responsiveStyles.d.ts","sourceRoot":"","sources":["../../../src/utils/styles/responsiveStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,sBAAsB,CAAC;AAE7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAKhE,KAAK,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAC1D,KAAK,EACL;IAAC,MAAM;IAAE,MAAM;IAAE,MAAM;IAAE,MAAM;CAAC,CACjC,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,KAAK,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACxE,IAAI,EAAE,KAAK,EAAE,EACb,MAAM,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,SAAS,EACjC,KAAK,SAAkB,GACtB,eAAe,CAAC,KAAK,CAAC,CAyCxB;AAED,wBAAgB,kBAAkB,CAChC,OAAO,SAAS,eAAe,CAAC,KAAK,CAAC,EACtC,KAAK,SAAS,MAAM,GAAG,MAAM,EAE7B,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG,SAAS,GACxC,MAAM,GAAG,SAAS,CAUpB"}
@@ -0,0 +1,58 @@
1
+ import { style } from "@vanilla-extract/css";
2
+ import { minMediaQuery } from "../../css/breakpoint/breakpoint.js";
3
+ import { layers } from "../../css/layers.css.js";
4
+ import { classnames } from "../classnames/classnames.js";
5
+ function createResponsiveStyles(keys, styles, layer = layers.molecule) {
6
+ const responsiveStyles = {};
7
+ for (const key of keys) {
8
+ responsiveStyles[key] = [
9
+ style({
10
+ "@layer": {
11
+ [layer]: styles(key)
12
+ }
13
+ }),
14
+ style({
15
+ "@layer": {
16
+ [layer]: {
17
+ "@media": {
18
+ [minMediaQuery("tablet")]: styles(key)
19
+ }
20
+ }
21
+ }
22
+ }),
23
+ style({
24
+ "@layer": {
25
+ [layer]: {
26
+ "@media": {
27
+ [minMediaQuery("desktop")]: styles(key)
28
+ }
29
+ }
30
+ }
31
+ }),
32
+ style({
33
+ "@layer": {
34
+ [layer]: {
35
+ "@media": {
36
+ [minMediaQuery("wide")]: styles(key)
37
+ }
38
+ }
39
+ }
40
+ })
41
+ ];
42
+ }
43
+ return responsiveStyles;
44
+ }
45
+ function getResponsiveStyle(stylesMap, value) {
46
+ if (value === void 0) {
47
+ return void 0;
48
+ }
49
+ if (Array.isArray(value)) {
50
+ return classnames(...value.map((v, index) => stylesMap[v][index]));
51
+ } else {
52
+ return stylesMap[value][0];
53
+ }
54
+ }
55
+ export {
56
+ createResponsiveStyles,
57
+ getResponsiveStyle
58
+ };
@@ -32,3 +32,4 @@ export type RecordToUnionPath<TObject, TDelimiter extends string = '.'> = TObjec
32
32
  export type DeepNullable<T> = {
33
33
  [P in keyof T]: T[P] extends RecordLike ? DeepNullable<T[P]> : T[P] | null;
34
34
  };
35
+ //# sourceMappingURL=helpers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/typing/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,EAAE,CAAC;AACpC,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;AAE9D,wBAAgB,YAAY,CAAC,CAAC,SAAS,UAAU,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,CAEvE;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC3C,MAAM,SAAS,CAAC,GACd,KAAK,GACL,IAAI,GACN,KAAK,CAAC;AACV,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC3C,MAAM,SAAS,CAAC,GACd,KAAK,GACL,IAAI,GACN,KAAK,CAAC;AAEV,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,SAAS,IAAI,GAClD,IAAI,GACJ,aAAa,CAAC,CAAC,CAAC,SAAS,IAAI,GAC3B,IAAI,GACJ,KAAK,CAAC;AAEZ,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,OAAO,IAAI,IAAI,CACpD,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAClB,MAAM,KAAK,GAAG,KAAK,CACpB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,iBAAiB,CAC3B,OAAO,EACP,UAAU,SAAS,MAAM,GAAG,GAAG,IAC7B,OAAO,SAAS,UAAU,GAC1B;KACG,CAAC,IAAI,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,UAAU,GAC/C,CAAC,SAAS,MAAM,GAAG,MAAM,GACvB,GAAG,CAAC,GAAG,UAAU,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,GAC/D,KAAK,GACP,CAAC;CACN,CAAC,MAAM,OAAO,CAAC,GAChB,OAAO,CAAC;AAEZ,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;KAC3B,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;CAC3E,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockle/blocks-core",
3
- "version": "1.0.1",
3
+ "version": "1.2.0",
4
4
  "description": "Core for Blocks",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "homepage": "https://github.com/Blockle/blocks#readme",
33
33
  "dependencies": {
34
- "@vanilla-extract/css": "^1.17.1"
34
+ "@vanilla-extract/css": "^1.17.4"
35
35
  },
36
36
  "peerDependencies": {
37
- "@vanilla-extract/css": ">=1.17.1"
37
+ "@vanilla-extract/css": "^1.17.4"
38
38
  }
39
39
  }