@bamboocss/preset-base 1.18.0 → 1.20.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.
package/dist/index.cjs CHANGED
@@ -1115,7 +1115,7 @@ const display = {
1115
1115
  values: "breakpoints",
1116
1116
  group: "Display",
1117
1117
  transform(value, { raw, token }) {
1118
- return { [token.raw(`breakpoints.${raw}`) ? `@breakpoint ${raw}` : `@media screen and (min-width: ${value})`]: { display: "none" } };
1118
+ return { [token.raw(`breakpoints.${raw}`) ? `@breakpoint ${raw}` : `@media (width >= ${value})`]: { display: "none" } };
1119
1119
  }
1120
1120
  },
1121
1121
  hideBelow: {
@@ -1123,7 +1123,7 @@ const display = {
1123
1123
  values: "breakpoints",
1124
1124
  group: "Display",
1125
1125
  transform(value, { raw, token }) {
1126
- return { [token.raw(`breakpoints.${raw}`) ? `@breakpoint ${raw}Down` : `@media screen and (max-width: ${value})`]: { display: "none" } };
1126
+ return { [token.raw(`breakpoints.${raw}`) ? `@breakpoint ${raw}Down` : `@media (width < ${value})`]: { display: "none" } };
1127
1127
  }
1128
1128
  }
1129
1129
  };
package/dist/index.mjs CHANGED
@@ -1111,7 +1111,7 @@ const display = {
1111
1111
  values: "breakpoints",
1112
1112
  group: "Display",
1113
1113
  transform(value, { raw, token }) {
1114
- return { [token.raw(`breakpoints.${raw}`) ? `@breakpoint ${raw}` : `@media screen and (min-width: ${value})`]: { display: "none" } };
1114
+ return { [token.raw(`breakpoints.${raw}`) ? `@breakpoint ${raw}` : `@media (width >= ${value})`]: { display: "none" } };
1115
1115
  }
1116
1116
  },
1117
1117
  hideBelow: {
@@ -1119,7 +1119,7 @@ const display = {
1119
1119
  values: "breakpoints",
1120
1120
  group: "Display",
1121
1121
  transform(value, { raw, token }) {
1122
- return { [token.raw(`breakpoints.${raw}`) ? `@breakpoint ${raw}Down` : `@media screen and (max-width: ${value})`]: { display: "none" } };
1122
+ return { [token.raw(`breakpoints.${raw}`) ? `@breakpoint ${raw}Down` : `@media (width < ${value})`]: { display: "none" } };
1123
1123
  }
1124
1124
  }
1125
1125
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bamboocss/preset-base",
3
- "version": "1.18.0",
3
+ "version": "1.20.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.18.0"
36
+ "@bamboocss/types": "1.20.0"
37
37
  },
38
38
  "scripts": {
39
39
  "build": "tsdown src/index.ts --format=esm,cjs --dts",