@bamboocss/preset-base 1.30.1 → 1.31.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 (5) hide show
  1. package/dist/index.cjs +7 -17
  2. package/dist/index.d.cts +9 -24
  3. package/dist/index.d.mts +9 -24
  4. package/dist/index.mjs +7 -17
  5. package/package.json +2 -2
package/dist/index.cjs CHANGED
@@ -117,9 +117,6 @@ const conditions = {
117
117
  function definePattern(config) {
118
118
  return config;
119
119
  }
120
- const box = definePattern({ transform(props) {
121
- return props;
122
- } });
123
120
  const flex = definePattern({
124
121
  properties: {
125
122
  align: {
@@ -254,14 +251,14 @@ const spacer = definePattern({
254
251
  type: "token",
255
252
  value: "spacing"
256
253
  } },
257
- transform(props, { map, isCssUnit, isCssVar }) {
254
+ transform(props, { map, isCssUnit, isCssVar, token }) {
258
255
  const { size, ...rest } = props;
259
256
  return {
260
257
  alignSelf: "stretch",
261
258
  justifySelf: "stretch",
262
259
  flex: map(size, (v) => {
263
260
  if (v == null) return "1";
264
- return `0 0 ${isCssUnit(v) || isCssVar(v) ? v : `token(spacing.${v}, ${v})`}`;
261
+ return `0 0 ${isCssUnit(v) || isCssVar(v) ? v : token(`spacing.${v}`, v)}`;
265
262
  }),
266
263
  ...rest
267
264
  };
@@ -328,9 +325,9 @@ const grid = definePattern({
328
325
  defaultValues(props) {
329
326
  return { gap: props.columnGap || props.rowGap ? void 0 : "8px" };
330
327
  },
331
- transform(props, { map, isCssUnit }) {
328
+ transform(props, { map, isCssUnit, token }) {
332
329
  const { columnGap, rowGap, gap, columns, minChildWidth, ...rest } = props;
333
- const getValue = (v) => isCssUnit(v) ? v : `token(sizes.${v}, ${v})`;
330
+ const getValue = (v) => isCssUnit(v) ? v : token(`sizes.${v}`, v);
334
331
  return {
335
332
  display: "grid",
336
333
  gridTemplateColumns: columns != null ? map(columns, (v) => `repeat(${v}, minmax(0, 1fr))`) : minChildWidth != null ? map(minChildWidth, (v) => `repeat(auto-fit, minmax(${getValue(v)}, 1fr))`) : void 0,
@@ -428,7 +425,7 @@ const center = definePattern({
428
425
  });
429
426
  const aspectRatio = definePattern({
430
427
  properties: { ratio: { type: "number" } },
431
- blocklist: ["aspectRatio"],
428
+ cssProps: { except: ["aspectRatio"] },
432
429
  transform(props, { map }) {
433
430
  const { ratio = 4 / 3, ...rest } = props;
434
431
  return {
@@ -489,7 +486,6 @@ const divider = definePattern({
489
486
  }
490
487
  });
491
488
  const patterns = {
492
- box,
493
489
  flex,
494
490
  stack,
495
491
  vstack,
@@ -627,9 +623,9 @@ const patterns = {
627
623
  inline: "0",
628
624
  block: "0"
629
625
  },
630
- transform(props, { map, isCssUnit, isCssVar }) {
626
+ transform(props, { map, isCssUnit, isCssVar, token }) {
631
627
  const { inline, block, ...rest } = props;
632
- const valueFn = (v) => isCssUnit(v) || isCssVar(v) ? v : `token(spacing.${v}, ${v})`;
628
+ const valueFn = (v) => isCssUnit(v) || isCssVar(v) ? v : token(`spacing.${v}`, v);
633
629
  return {
634
630
  "--bleed-x": map(inline, valueFn),
635
631
  "--bleed-y": map(block, valueFn),
@@ -639,12 +635,6 @@ const patterns = {
639
635
  };
640
636
  }
641
637
  }),
642
- visuallyHidden: definePattern({ transform(props) {
643
- return {
644
- srOnly: true,
645
- ...props
646
- };
647
- } }),
648
638
  cq: definePattern({
649
639
  properties: {
650
640
  name: {
package/dist/index.d.cts CHANGED
@@ -112,17 +112,6 @@ declare const preset: {
112
112
  };
113
113
  utilities: import("@bamboocss/types").UtilityConfig;
114
114
  patterns: {
115
- box: {
116
- transform(props: {
117
- [x: string]: any;
118
- [x: number]: any;
119
- [x: string & Record<never, never>]: any;
120
- }): {
121
- [x: string]: any;
122
- [x: number]: any;
123
- [x: string & Record<never, never>]: any;
124
- };
125
- };
126
115
  flex: {
127
116
  properties: {
128
117
  align: {
@@ -270,7 +259,8 @@ declare const preset: {
270
259
  }, {
271
260
  map,
272
261
  isCssUnit,
273
- isCssVar
262
+ isCssVar,
263
+ token
274
264
  }: import("@bamboocss/types").PatternHelpers): {
275
265
  alignSelf: "stretch";
276
266
  justifySelf: "stretch";
@@ -349,7 +339,9 @@ declare const preset: {
349
339
  type: "number";
350
340
  };
351
341
  };
352
- blocklist: "aspectRatio"[];
342
+ cssProps: {
343
+ except: "aspectRatio"[];
344
+ };
353
345
  transform(props: {
354
346
  [x: string]: any;
355
347
  [x: number]: any;
@@ -415,7 +407,8 @@ declare const preset: {
415
407
  [x: string & Record<never, never>]: any;
416
408
  }, {
417
409
  map,
418
- isCssUnit
410
+ isCssUnit,
411
+ token
419
412
  }: import("@bamboocss/types").PatternHelpers): {
420
413
  display: "grid";
421
414
  gridTemplateColumns: any;
@@ -621,7 +614,8 @@ declare const preset: {
621
614
  }, {
622
615
  map,
623
616
  isCssUnit,
624
- isCssVar
617
+ isCssVar,
618
+ token
625
619
  }: import("@bamboocss/types").PatternHelpers): {
626
620
  '--bleed-x': any;
627
621
  '--bleed-y': any;
@@ -629,15 +623,6 @@ declare const preset: {
629
623
  marginBlock: "calc(var(--bleed-y, 0) * -1)";
630
624
  };
631
625
  };
632
- visuallyHidden: {
633
- transform(props: {
634
- [x: string]: any;
635
- [x: number]: any;
636
- [x: string & Record<never, never>]: any;
637
- }): {
638
- srOnly: true;
639
- };
640
- };
641
626
  cq: {
642
627
  properties: {
643
628
  name: {
package/dist/index.d.mts CHANGED
@@ -112,17 +112,6 @@ declare const preset: {
112
112
  };
113
113
  utilities: import("@bamboocss/types").UtilityConfig;
114
114
  patterns: {
115
- box: {
116
- transform(props: {
117
- [x: string]: any;
118
- [x: number]: any;
119
- [x: string & Record<never, never>]: any;
120
- }): {
121
- [x: string]: any;
122
- [x: number]: any;
123
- [x: string & Record<never, never>]: any;
124
- };
125
- };
126
115
  flex: {
127
116
  properties: {
128
117
  align: {
@@ -270,7 +259,8 @@ declare const preset: {
270
259
  }, {
271
260
  map,
272
261
  isCssUnit,
273
- isCssVar
262
+ isCssVar,
263
+ token
274
264
  }: import("@bamboocss/types").PatternHelpers): {
275
265
  alignSelf: "stretch";
276
266
  justifySelf: "stretch";
@@ -349,7 +339,9 @@ declare const preset: {
349
339
  type: "number";
350
340
  };
351
341
  };
352
- blocklist: "aspectRatio"[];
342
+ cssProps: {
343
+ except: "aspectRatio"[];
344
+ };
353
345
  transform(props: {
354
346
  [x: string]: any;
355
347
  [x: number]: any;
@@ -415,7 +407,8 @@ declare const preset: {
415
407
  [x: string & Record<never, never>]: any;
416
408
  }, {
417
409
  map,
418
- isCssUnit
410
+ isCssUnit,
411
+ token
419
412
  }: import("@bamboocss/types").PatternHelpers): {
420
413
  display: "grid";
421
414
  gridTemplateColumns: any;
@@ -621,7 +614,8 @@ declare const preset: {
621
614
  }, {
622
615
  map,
623
616
  isCssUnit,
624
- isCssVar
617
+ isCssVar,
618
+ token
625
619
  }: import("@bamboocss/types").PatternHelpers): {
626
620
  '--bleed-x': any;
627
621
  '--bleed-y': any;
@@ -629,15 +623,6 @@ declare const preset: {
629
623
  marginBlock: "calc(var(--bleed-y, 0) * -1)";
630
624
  };
631
625
  };
632
- visuallyHidden: {
633
- transform(props: {
634
- [x: string]: any;
635
- [x: number]: any;
636
- [x: string & Record<never, never>]: any;
637
- }): {
638
- srOnly: true;
639
- };
640
- };
641
626
  cq: {
642
627
  properties: {
643
628
  name: {
package/dist/index.mjs CHANGED
@@ -113,9 +113,6 @@ const conditions = {
113
113
  function definePattern(config) {
114
114
  return config;
115
115
  }
116
- const box = definePattern({ transform(props) {
117
- return props;
118
- } });
119
116
  const flex = definePattern({
120
117
  properties: {
121
118
  align: {
@@ -250,14 +247,14 @@ const spacer = definePattern({
250
247
  type: "token",
251
248
  value: "spacing"
252
249
  } },
253
- transform(props, { map, isCssUnit, isCssVar }) {
250
+ transform(props, { map, isCssUnit, isCssVar, token }) {
254
251
  const { size, ...rest } = props;
255
252
  return {
256
253
  alignSelf: "stretch",
257
254
  justifySelf: "stretch",
258
255
  flex: map(size, (v) => {
259
256
  if (v == null) return "1";
260
- return `0 0 ${isCssUnit(v) || isCssVar(v) ? v : `token(spacing.${v}, ${v})`}`;
257
+ return `0 0 ${isCssUnit(v) || isCssVar(v) ? v : token(`spacing.${v}`, v)}`;
261
258
  }),
262
259
  ...rest
263
260
  };
@@ -324,9 +321,9 @@ const grid = definePattern({
324
321
  defaultValues(props) {
325
322
  return { gap: props.columnGap || props.rowGap ? void 0 : "8px" };
326
323
  },
327
- transform(props, { map, isCssUnit }) {
324
+ transform(props, { map, isCssUnit, token }) {
328
325
  const { columnGap, rowGap, gap, columns, minChildWidth, ...rest } = props;
329
- const getValue = (v) => isCssUnit(v) ? v : `token(sizes.${v}, ${v})`;
326
+ const getValue = (v) => isCssUnit(v) ? v : token(`sizes.${v}`, v);
330
327
  return {
331
328
  display: "grid",
332
329
  gridTemplateColumns: columns != null ? map(columns, (v) => `repeat(${v}, minmax(0, 1fr))`) : minChildWidth != null ? map(minChildWidth, (v) => `repeat(auto-fit, minmax(${getValue(v)}, 1fr))`) : void 0,
@@ -424,7 +421,7 @@ const center = definePattern({
424
421
  });
425
422
  const aspectRatio = definePattern({
426
423
  properties: { ratio: { type: "number" } },
427
- blocklist: ["aspectRatio"],
424
+ cssProps: { except: ["aspectRatio"] },
428
425
  transform(props, { map }) {
429
426
  const { ratio = 4 / 3, ...rest } = props;
430
427
  return {
@@ -485,7 +482,6 @@ const divider = definePattern({
485
482
  }
486
483
  });
487
484
  const patterns = {
488
- box,
489
485
  flex,
490
486
  stack,
491
487
  vstack,
@@ -623,9 +619,9 @@ const patterns = {
623
619
  inline: "0",
624
620
  block: "0"
625
621
  },
626
- transform(props, { map, isCssUnit, isCssVar }) {
622
+ transform(props, { map, isCssUnit, isCssVar, token }) {
627
623
  const { inline, block, ...rest } = props;
628
- const valueFn = (v) => isCssUnit(v) || isCssVar(v) ? v : `token(spacing.${v}, ${v})`;
624
+ const valueFn = (v) => isCssUnit(v) || isCssVar(v) ? v : token(`spacing.${v}`, v);
629
625
  return {
630
626
  "--bleed-x": map(inline, valueFn),
631
627
  "--bleed-y": map(block, valueFn),
@@ -635,12 +631,6 @@ const patterns = {
635
631
  };
636
632
  }
637
633
  }),
638
- visuallyHidden: definePattern({ transform(props) {
639
- return {
640
- srOnly: true,
641
- ...props
642
- };
643
- } }),
644
634
  cq: definePattern({
645
635
  properties: {
646
636
  name: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bamboocss/preset-base",
3
- "version": "1.30.1",
3
+ "version": "1.31.0",
4
4
  "description": "The base preset for Bamboo CSS that contains the conditions and utilities",
5
5
  "homepage": "https://bamboocss.com",
6
6
  "license": "MIT",
@@ -33,7 +33,7 @@
33
33
  "access": "public"
34
34
  },
35
35
  "dependencies": {
36
- "@bamboocss/types": "1.30.1"
36
+ "@bamboocss/types": "1.31.0"
37
37
  },
38
38
  "scripts": {
39
39
  "build": "tsdown src/index.ts --format=esm,cjs --dts",